Browse Source

fix(price): taro h5 style problem (#1944)

Drjingfubo 3 years ago
parent
commit
412539d190
2 changed files with 7 additions and 3 deletions
  1. 4 0
      src/packages/__VUE/price/index.scss
  2. 3 3
      src/packages/__VUE/price/index.taro.vue

+ 4 - 0
src/packages/__VUE/price/index.scss

@@ -6,6 +6,10 @@
     > view {
       text-decoration: line-through;
     }
+    .nut-price--symbol,
+    .nut-price--son {
+      text-decoration: line-through;
+    }
   }
   &--symbol {
     display: inline-block;

+ 3 - 3
src/packages/__VUE/price/index.taro.vue

@@ -7,9 +7,9 @@
       decode="true"
       v-html="showSymbol"
     ></view>
-    <view :class="`nut-price--${size}`">{{ formatThousands(price) }}</view>
-    <view :class="`nut-price--decimal-${size}`" v-if="decimalDigits != 0">.</view>
-    <view :class="`nut-price--decimal-${size}`">{{ formatDecimal(price) }}</view>
+    <view :class="`nut-price--${size} nut-price--son`">{{ formatThousands(price) }}</view>
+    <view :class="`nut-price--decimal-${size} nut-price--son`" v-if="decimalDigits != 0">.</view>
+    <view :class="`nut-price--decimal-${size} nut-price--son`">{{ formatDecimal(price) }}</view>
     <view
       v-if="needSymbol && position == 'after'"
       class="nut-price--symbol"