fix: 问题修复

src/directives/fontResize.js

@@ -2,8 +2,8 @@ const TXT_SIZE = 17;
 const TXT_MIN_SIZE = 12;
 
 export default {
-  inserted(el) {
-    let txtSize = TXT_SIZE;
+  inserted(el, binding) {
+    let txtSize = binding.value || TXT_SIZE;
     const containerWidth = el.offsetWidth;
     const txtLength = el.innerText.length * TXT_SIZE;
     const overTxtWidth = txtLength - containerWidth;

src/style/theme.less

@@ -33,7 +33,7 @@
 
 @dialog-border-radius: @border-radius-lg;
 @dialog-has-title-message-text-color: @text-grey;
-
+@popup-close-icon-color: @gray-3;
 @navbar-default-height: @nav-bar-height;
 @picker-toolbar-padding: @padding-unit - 2 @padding-md;
 @picker-font-size: 14px;

src/views/vipLife/components/SkuList.vue

@@ -14,13 +14,13 @@
         @click="item.hasStock && parent.handleSkuSelected(item, index)"
       >
         <div v-if="props.showUnit" class="Vl__sku-name unit">
-          {{ props.threeCol ? item.salePrice : item.skuName }}
+          {{ props.threeCol ? item.price : item.skuName }}
           <span>元</span>
         </div>
         <div v-else v-font-resize class="Vl__sku-name">
-          {{ props.threeCol ? item.salePrice : item.skuName }}
+          {{ props.threeCol ? item.price : item.skuName }}
         </div>
-        <div class="Vl__sku-price">售价{{ item.price }}元</div>
+        <div class="Vl__sku-price">售价{{ item.salePrice }}元</div>
       </div>
     </template>
     <cr-empty v-else class="Vl__sku-empty" image="commodity" description="暂无商品～" />

src/views/vipLife/components/SpuList.vue

@@ -10,7 +10,7 @@
         @click="$parent.handleSpuSelected(item)"
       >
         <img :src="item.icon" class="Vl__spu-icon" />
-        <div class="Vl__spu-name">{{ item.name }}</div>
+        <div v-font-resize="14" class="Vl__spu-name">{{ item.name }}</div>
       </div>
     </div>
   </div>
@@ -72,7 +72,6 @@ export default {
       }
     }
   },
-
   mounted() {
     this.createScroller();
   },
@@ -130,8 +129,8 @@ export default {
       overflow: hidden;
     }
     &-icon {
-      width: 40px;
-      height: 40px;
+      width: 48px;
+      height: 48px;
       object-fit: contain;
     }
     &-placeholder {
@@ -179,7 +178,7 @@ export default {
     &-name {
       .text-14();
       color: @text-grey;
-      padding: 0 @padding-sm;
+      padding: 0 @padding-unit;
       margin-top: @padding-xs;
       display: -webkit-box;
       -webkit-box-orient: vertical;