From e3426d0fa18fc2305f799a35eb0848c17e24b452 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 21 Apr 2021 17:35:49 +0800
Subject: [PATCH] 表单显示细节优化

---
 forms/numberStep/CNumberStep.vue |   29 ++++++++++++++++++++---------
 1 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/forms/numberStep/CNumberStep.vue b/forms/numberStep/CNumberStep.vue
index edf4536..324af11 100644
--- a/forms/numberStep/CNumberStep.vue
+++ b/forms/numberStep/CNumberStep.vue
@@ -13,15 +13,21 @@
             :disabled="itemRes.disabled"
             :error="itemRes.error"
         />
-        <AtInputNumber
+        <view
+            class="c-number-step-step"
+            :class="unit?'on-unit':''"
             ref="number"
-            :min="range[0]"
-            :max="range[1]"
-            :step="step"
-            :width="120"
-            :value="itemRes.formData[itemRes.name]"
-            :onChange="evt=>itemRes.onChange(evt)"
-        />
+        >
+            <AtInputNumber
+                :min="range[0]"
+                :max="range[1]"
+                :step="step"
+                :width="120"
+                :value="itemRes.formData[itemRes.name]"
+                :onChange="evt=>itemRes.onChange(evt)"
+            />
+            <view class="c-number-step-unit">{{unit}}</view>
+        </view>
     </view>
 </template>
 
@@ -52,6 +58,11 @@
             type: Number,
             default: 1,
         },
+        // 数值单位
+        unit: {
+            type: String,
+            default: '',
+        },
     },
     data() {
         return {};
@@ -66,7 +77,7 @@
         } else if (process.env.TARO_ENV === 'weapp') {
             $(this.$refs.input.$el)
                 .find('.at-input__container')
-                .append(this.$refs.number.$el);
+                .append(this.$refs.number);
         }
     },
 };

--
Gitblit v1.9.1