bug fix

components/FontZoom.vue

@@ -1,6 +1,6 @@
 <!-- 组件确定最大宽度时 可等比缩放组件 -->
 <template>
-  <span class="zoom-wrap" ref="zoomDom" :style="{ zoom: zoom }">
+  <span class="zoom-wrap" :class="{unColor: unColor}" ref="zoomDom" :style="{ zoom: zoom }">
     <slot></slot>
   </span>
 </template>
@@ -11,7 +11,11 @@ export default {
         width: {
             type: String,
             default: '375'
-        }
+        },
+        unColor: {
+            type: Boolean,
+            default: false
+        },
     },
     data() {
         return {
@@ -41,5 +45,8 @@ export default {
   align-items: center;
   justify-content: center;
   white-space: nowrap;
+  &.unColor {
+    color: unset;
+  }
 }
 </style>

pages/payment/index.vue

@@ -24,7 +24,9 @@
                             <span>DeNet Pay</span>
                         </div>
                         <div class="wallet">
-                            Balance:{{currencyInfoData.balance}} {{currencyInfoData.tokenSymbol}}
+                            <FontZoom width="300" :unColor="true">
+                                Balance:{{currencyInfoData.balance}} {{currencyInfoData.tokenSymbol}}
+                            </FontZoom>
                         </div>
                     </div>
                     <div class="item" @click="maskPay">
@@ -69,7 +71,7 @@
                 <img class="balance" src="../../static/img/icon_balance.svg" />
                 <div class="text">Balance</div>
                 <div class="money">
-                    <FontZoom width="320">
+                    <FontZoom width="300">
                         <img class="icon" :src="currencyInfoData.iconPath" /> <span class="font">{{currencyInfoData.balance}} {{currencyInfoData.tokenSymbol}}</span>
                     </FontZoom>
                 </div>