更新代码

src/views/dashboard/PanelGroup.vue

@@ -37,7 +37,7 @@
         <el-col :lg="6" :sm="12" :xs="12" class="card-panel-col">
           <RankList title="充值排行榜" :type="3">
             <template v-slot:default="{ data }">
-              <count-to :duration="2600" :end-val="data.value" :start-val="0" class="card-panel-num" :decimal="2" prefix="￥"/>
+              <count-to :duration="2600" :end-val="data.value" :options="options" :start-val="0" class="card-panel-num"/>
             </template>
           </RankList>
         </el-col>
@@ -45,7 +45,7 @@
         <el-col :lg="6" :sm="12" :xs="12" class="card-panel-col">
           <RankList title="提现排行榜" :type="4">
             <template v-slot:default="{ data }">
-              <count-to :duration="2600" :end-val="data.value" :start-val="0" class="card-panel-num" :decimal="2" prefix="￥"/>
+              <count-to :duration="2600" :end-val="data.value" :options="options" :start-val="0" class="card-panel-num"/>
             </template>
           </RankList>
         </el-col>
@@ -80,7 +80,7 @@
 </template>
 
 <script>
-import CountTo from 'vue-count-to'
+import CountTo from 'vue-countup-v2'
 import RankList from '@/views/components/rankList'
 import LineChart from '../dashboard/LineChart'
 import { staticAmountLine, staticIndex, staticRank } from '@/api/cai/static'
@@ -117,6 +117,15 @@ export default {
     return {
       operation,
       layoutRow: [],
+      options: {
+        decimalPlaces: 2,
+        useEasing: true,
+        useGrouping: true,
+        separator: ',',
+        decimal: '.',
+        prefix: '￥',
+        suffix: ''
+      },
       loginModel: {
         count: 40689,
         trendDirection: 0,