<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"
      countColor="#00f2ff"
      labelColor="#5587b7"
      :icon="require(`@/assets/images/${data.img}`)"/> -->
      <div
        v-for="data in $store.state.operateList"
        :key="data.title">
        <p>{{data.title}}</p>
        <p><m-count autoUpdate style="color: gold;" :value="+data.num" :decimal="0"/></p>
      </div>
  </div>
</template>

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

<style lang="stylus" scoped>
.operation
  display flex
  flex-wrap wrap
  height 100%
  width 100%
  >div
    display flex
    align-items center
    padding-right 1rem
    justify-content space-between
    width 33%
  // .o-card
  //   width 50%
</style>

