<template>
  <div class="repair">
    <m-brief
    class="card"
    @click.native="$emit('select', data.key)"
    v-for="(data,i) in $store.state.repairList"
    :key="i"
    :label="data.title"
    :icon="require(`@/assets/images/${data.img}`) "
    :unit="`/ ${data.allNum} 个`"
    :count="+data.num"
    countColor="gold"
    size="1.4rem"
    />
  </div>
</template>

<script>
export default {
  name: 'repair',
}
</script>

<style lang="stylus" scoped>
.repair
  display flex
  align-items center
  width 100%
  height 100%
  .card
    width 50%
    padding-left 1rem
    cursor pointer
    &:hover
      background rgba(0,0,0,0.3)

</style>
