表单显示细节优化

Tevin

2021-04-21 e3426d0fa18fc2305f799a35eb0848c17e24b452

 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);
        }
    },
};