<template>
  <div class="basic-data">
    <m-brief
      @click.native="$emit('select', data)"
      class="brief"
      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="#fff"
      unitColor="#61c2f3"
      :icon="data.img ? require(`@/assets/images/${data.img}`) : null"/>
  </div>
</template>

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

<style lang="stylus" scoped>
.basic-data
  display flex
  flex-wrap wrap
  height 100%
  width 100%
  .brief
    width 33.3%
</style>

