feat(Price): 新增 l-decimal-class 和 l-dot-class 外部样式类

l-dot-class 覆盖小数点样式
l-decimal-class 覆盖小数部分样式

close #943

Author: juzi214032

src/price/index.js

@@ -4,7 +4,7 @@ Component({
   /**
    * 组件的属性列表
    */
-  externalClasses: ['l-deleted-class', 'l-unit-class', 'l-value-class', 'l-class'],
+  externalClasses: ['l-deleted-class', 'l-unit-class', 'l-value-class', 'l-class', 'l-decimal-class', 'l-dot-class'],
   behaviors: [validator],
   properties: {
     unit: {
@@ -51,7 +51,16 @@ Component({
    * 组件的初始数据
    */
   data: {
-
+    // 价格整数部分
+    priceInteger: {
+      type: String,
+      value: '0'
+    },
+    // 价格小数部分
+    priceDecimal: {
+      type: String,
+      value: '00'
+    }
   },
 
   observers: {
@@ -65,18 +74,35 @@ Component({
    */
   methods: {
     reserveNumber() {
+      this.setData({
+        priceInteger: null,
+        priceDecimal: null
+      });
       const countToNumber = Number(this.data.value);
       const isText = isNaN(Number(countToNumber)) || (this.data.mode === 'text');
       if (!isText && this.data.autofix) {
         const result = countToNumber.toFixed(this.data.reserveDigit);
+        const price = result.toString().split('.');
+        this._setPrice(price);
+      } else {
+        const price = this.data.value.split('.');
+        this._setPrice(price);
+      }
+    },
+
+    _setPrice(price) {
+      if (price.length === 1) {
         this.setData({
-          result
+          priceInteger: price[0]
         });
-      } else {
+      }else if(price.length === 2){
         this.setData({
-          result: this.data.value
+          priceInteger: price[0],
+          priceDecimal: price[1]
         });
+      }else{
+        throw 'price 格式有误，请仔细检查！';
       }
     }
   }
-});
+});

src/price/index.wxml

@@ -2,5 +2,5 @@
   <!-- unit -->
   <text class="l-unit-class" style="color: {{unitColor?unitColor:color}}; font-size: {{unitSize?unitSize:size}}rpx; font-weight: {{unitBold?unitBold:bold}}">{{unit}}</text>
   <!-- count -->
-  <text class="l-value-class" style="color: {{valueColor?valueColor:color}}; font-size: {{valueSize?valueSize:size}}rpx; font-weight: {{valueBold?valueBold:bold}}">{{result}}</text>
-</view>
+  <text class="l-value-class" style="color: {{valueColor?valueColor:color}}; font-size: {{valueSize?valueSize:size}}rpx; font-weight: {{valueBold?valueBold:bold}}">{{priceInteger}}<text class="l-dot-class">{{priceDecimal?'.':''}}</text><text class="l-decimal-class">{{priceDecimal?priceDecimal:''}}</text></text>
+</view>