<template>
  <div class="material-info">
    <div>单量: {{preSaleCount}}，已选袋子件数/数量: {{totalBag.unitCount}}件/{{totalBag.totalCount}}个</div>
    <div :class="{danger: bagOverload !== '未超出购买限制'}">{{bagOverload}}</div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
export default {
  computed: {
    ...mapGetters({
      preSaleCount: 'indexPage/preSaleCount',
      totalBag: 'indexPage/totalBag',
      bagOverload: 'indexPage/bagOverload',
    })
  }
}
</script>

<style lang="scss">
@import "./material-info.scss"
</style>