修改首页报错

src/views/home/components/CardList.vue

@@ -2,7 +2,15 @@
     <ul class="card-list" :style="{ marginTop: '10px' }">
       <li class="art-custom-card" v-for="(item, index) in dataList" :key="index">
         <span class="des subtitle">{{ item.des }}</span>
-        <CountTo class="number box-title" :endVal="item.num" :duration="1000" separator="" :suffix="item.unit + item.suffix"></CountTo>
+        <el-tooltip
+          v-if="item.num"
+          effect="dark"
+          :content="item.num"
+          placement="top"
+        >
+          <div class="number box-title">{{item.num}}{{item.unit}}{{item.suffix}}</div>
+          <!-- <CountTo class="number box-title" :endVal="item.num" :duration="1000" separator="" :suffix="item.unit + item.suffix"></CountTo> -->
+        </el-tooltip>
         <el-icon class="iconfont-sys"> <component :is="item.icon"/></el-icon>
       </li>
     </ul>
@@ -22,14 +30,7 @@
         return '0';
         }
         const num = Number(number);
-        if (num > 100000000) {
-        return Decimal(num).div(Decimal(100000000)).toNumber().toFixed(2) + '亿';
-        } else if (num > 10000) {
-        return Decimal(num).div(Decimal(10000)).toNumber().toFixed(2) + '万';
-        } else if (num > 1000) {
-        return Decimal(num).div(Decimal(1000)).toNumber().toFixed(2) + '千';
-        }
-        return num.toFixed(2);
+        return num + '';
     };
     const dataList = reactive([
       {
@@ -161,8 +162,11 @@
         .number {
           display: block;
           margin-top: 10px;
-          font-size: 28px;
           font-weight: 400;
+          font-size: 23px;
+          width: calc(100% - 52px);
+          text-overflow: ellipsis;
+          overflow: hidden;
         }
   
       }