浏览代码

增加数字动画显示,提升逼格

wukai 2 月之前
父节点
当前提交
b551370b68
共有 1 个文件被更改,包括 26 次插入8 次删除
  1. 26 8
      src/pages/components/In03.vue

+ 26 - 8
src/pages/components/In03.vue

@@ -147,16 +147,28 @@
                                 <tbody>
                                     <tr style="font-weight:normal;background-color:transparent;color: #ffffff;font-size: 14px;">
                                         <td style="border:0">A班</td>
-                                        <td style="border:0">{{ ReplaceNull(effInfo.timeA,'-') }}</td>
-                                        <td style="border:0">{{ ReplaceNull(effInfo.lengthA,'-') }}</td>
-                                        <td style="border:0">{{ ReplaceNull(effInfo.weightA,'-') }}</td>
+                                        <td style="border:0">
+                                            <NumberAnimation :value="ReplaceNull(effInfo.timeA,'0')" :decimal="0" />
+                                        </td>
+                                        <td style="border:0">
+                                            <NumberAnimation :value="ReplaceNull(effInfo.lengthA,'0')" :decimal="0" />
+                                        </td>
+                                        <td style="border:0">
+                                            <NumberAnimation :value="ReplaceNull(effInfo.weightA,'0')" :decimal="2" />
+                                        </td>
                                         <!--<td style="border:0">{{ ReplaceNull((effInfo.effA*100).toFixed(0),'-') }}%</td>-->
                                     </tr>
                                     <tr style="font-weight:normal;background-color:transparent;color: #ffffff;background-color: #2dbcd436;font-size: 14px;">
                                         <td style="border:0">B班</td>
-                                        <td style="border:0">{{ ReplaceNull(effInfo.timeB,'-') }}</td>
-                                        <td style="border:0">{{ ReplaceNull(effInfo.lengthB,'-') }}</td>
-                                        <td style="border:0">{{ ReplaceNull(effInfo.weightB,'-') }}</td>
+                                        <td style="border:0">
+                                            <NumberAnimation :value="ReplaceNull(effInfo.timeB,'0')" :decimal="0" />
+                                        </td>
+                                        <td style="border:0">
+                                            <NumberAnimation :value="ReplaceNull(effInfo.lengthB,'0')" :decimal="0" />
+                                        </td>
+                                        <td style="border:0">
+                                            <NumberAnimation :value="ReplaceNull(effInfo.weightB,'0')" :decimal="2" />
+                                        </td>
                                         <!--<td style="border:0">{{ ReplaceNull((effInfo.effB*100).toFixed(0),'-') }}%</td>-->
                                     </tr>
                                 </tbody>
@@ -165,13 +177,19 @@
                                 <div style="width: 50%;">
                                     <div style="color: #fff;"><span>米数</span></div>
                                     <div style="font-size: 22px;color:#27e6ff">
-                                        <span>{{ ReplaceNull(effInfo.length,'-') }}<span class="littleFont">米</span></span>
+                                        <span>
+                                            <NumberAnimation :value="ReplaceNull(effInfo.length,'0')" :decimal="0" />
+                                            <span class="littleFont">米</span>
+                                        </span>
                                     </div>
                                 </div>
                                 <div style="width: 50%;">
                                     <div style="color: #fff;"><span>重量</span></div>
                                     <div style="font-size: 22px;color:#27e6ff">
-                                        <span>{{ ReplaceNull(effInfo.weight,'-') }}<span class="littleFont">吨</span></span>
+                                        <span>
+                                            <NumberAnimation :value="ReplaceNull(effInfo.weight,'0')" :decimal="2" />
+                                            <span class="littleFont">吨</span>
+                                        </span>
                                     </div>
                                 </div>
                             </div>