Browse Source

首页计数器调整。

yangc 8 years ago
parent
commit
f1dc7c0eb6
1 changed files with 16 additions and 11 deletions
  1. 16 11
      components/main/count/Item.vue

+ 16 - 11
components/main/count/Item.vue

@@ -2,9 +2,10 @@
   <div class="count-item">
     <span class="title">{{ title }}</span>
     <div class="count-content">
-      <span v-for="num in nums" :class="num == ',' ? 'separator' : 'num'">{{ num }}</span>
-      <span v-if="nums.length < 7">个</span>
-      <span v-if="nums.length > 7">万</span>
+      <span v-for="num in nums" :class="num == ',' ? 'separator' : num == 0 ? 'zero num' : 'num'">{{ num }}</span>
+     <!-- <span v-if="nums.length < 7">个</span>
+      <span v-if="nums.length > 7">万</span>-->
+      <span class="num">个</span>
     </div>
   </div>
 </template>
@@ -20,21 +21,25 @@
         type: String
       }
     },
+    data () {
+      return {
+        isMore: false
+      }
+    },
     methods: {
       formatNumber (num) {
         let re = /(\d+)(\d{3})/
-//        let numLength = num.toString().length
-//        for (var i=0;i< numLength; i++){
-//        }
-//        if (numLength > 6) {
-//          let maxNum = num.slice(-1, 6)
-//          console.log(maxNum)
-//        }
+        if (num > 9999) {
+          this.isMore = true
+          console.log(num.toString().charAt(4))
+        }
         num = (Array(10 - String(num).length).join(0) + num)
         while (re.test(num)) {
           num = num.replace(re, '$1,$2')
         }
-        return num.split('')
+        num = num.split('')
+//        console.log(num)
+        return num
       }
     },
     computed: {