From 4a9f3c05f028b5e767bf30e7e317d628bc8fd89c Mon Sep 17 00:00:00 2001 From: chensiAb <chenchenco03@163.com> Date: Wed, 17 Apr 2024 10:16:30 +0800 Subject: [PATCH] feat:'小程序echarts文件 ,折线图已经过定制' --- forms/numberValve/CNumberValve.vue | 46 ++++++++++++++++++++++++++++++++++------------ 1 files changed, 34 insertions(+), 12 deletions(-) diff --git a/forms/numberValve/CNumberValve.vue b/forms/numberValve/CNumberValve.vue index 98e7af5..f642855 100644 --- a/forms/numberValve/CNumberValve.vue +++ b/forms/numberValve/CNumberValve.vue @@ -16,7 +16,7 @@ :required="itemRes.required" :disabled="itemRes.disabled" :error="itemRes.error" - :value="itemRes.formData[itemRes.name] + unit" + :value="valueStr" :placeholder="placeholder" > <view class="at-icon at-icon-chevron-right"></view> @@ -49,7 +49,16 @@ @touchstart="evt => handleTouchStart()" @touchmove="evt => handleTouchMove(evt)" ></view> - <view class="current"><text class="text">{{current}}</text></view> + <view class="current"> + <text + class="text m-text-ignore" + v-if="current===''" + >(请拖动)</text> + <text + class="text" + v-else + >{{current}}</text> + </view> </view> </view> <view class="btn"> @@ -106,11 +115,22 @@ return { opened: false, rect: { width: 0, left: 0 }, - current: 0, + current: '', sliderLeft: 0, }; }, - computed: {}, + computed: { + valueStr() { + if ( + this.itemRes.formData[this.itemRes.name] || + this.itemRes.formData[this.itemRes.name] === 0 + ) { + return this.itemRes.formData[this.itemRes.name] + ' ' + this.unit; + } else { + return ''; + } + }, + }, methods: { handleOpen() { this.opened = true; @@ -152,16 +172,18 @@ let $slider = null; if (process.env.TARO_ENV === 'h5') { $slider = $(this.$refs.slider.$el); + const rect = $slider[0].getBoundingClientRect(); + this.rect.width = rect.width; + this.rect.left = rect.left; } else if (process.env.TARO_ENV === 'weapp') { - $slider = $(this.$refs.slider); + Taro.createSelectorQuery() + .select('#' + this.$refs.slider.uid) + .boundingClientRect(rect => { + this.rect.width = rect.width; + this.rect.left = rect.left; + }) + .exec(); } - Taro.createSelectorQuery() - .select('#' + this.$refs.slider.uid) - .boundingClientRect(rect => { - this.rect.width = rect.width; - this.rect.left = rect.left; - }) - .exec(); }, handleChangeVal(type, value) { this.updateRect(); -- Gitblit v1.9.1