<template>
  <div class="operation">
    <m-brief 
      @click.native="$emit('select', data)"
      class="o-card"
      v-for="data in $store.state.operateList"
      :key="data.title"
      :label="data.title"
      :count="+data.num"
      size="1.2rem"
      :unit="data.unit"
      :icon="require(`@/assets/images/${data.img}`)"/>
  </div>
</template>

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

<style lang="stylus" scoped>
.operation
  display flex
  flex-wrap wrap
  height 100%
  width 100%
  .o-card
    width 50%
</style>

