Blame view

src/components/total.vue 490 Bytes
eb6d1150   liuqimichale   title 总计 简单封装
1
  <template>
841f35d2   liuqimichale   filter
2
    <div class="totalwrap">
9a83dd61   liuqimichale   全局注册util方法
3
4
      总计
      <span v-for="item in this.$util.formatNumArr(totalNum)" :class="item !== ',' ? 'titlebg' : '' ">{{item}}</span>
841f35d2   liuqimichale   filter
5
    </div>
eb6d1150   liuqimichale   title 总计 简单封装
6
7
8
  </template>
  
  <script>
841f35d2   liuqimichale   filter
9
  
eb6d1150   liuqimichale   title 总计 简单封装
10
  export default {
841f35d2   liuqimichale   filter
11
12
13
14
15
16
    name: 'total',
    props: {
      totalNum: String
    },
    data() {
      return {
9a83dd61   liuqimichale   全局注册util方法
17
        // initnum: this.$util.formatNumArr(this.totalNum)
841f35d2   liuqimichale   filter
18
19
20
      }
  
    }
eb6d1150   liuqimichale   title 总计 简单封装
21
22
23
24
  }
  </script>
  
  <style scoped>
841f35d2   liuqimichale   filter
25
26
27
28
    .totalwrap {
      height: 40px;
      color: #fff;
    }
9a83dd61   liuqimichale   全局注册util方法
29
30
31
32
  
    .titlebg {
      background: #f00;
    }
eb6d1150   liuqimichale   title 总计 简单封装
33
  </style>