You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
import { sleep } from '../../libs/function/index';
|
|
|
|
|
|
export default {
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
sliderRect: {},
|
|
|
|
|
|
info: {
|
|
|
|
|
|
width: null,
|
|
|
|
|
|
left: null,
|
|
|
|
|
|
step: this.step,
|
|
|
|
|
|
disabled: this.disabled,
|
|
|
|
|
|
min: this.min,
|
|
|
|
|
|
max: this.max,
|
|
|
|
|
|
value: this.value
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
mounted() {
|
|
|
|
|
|
this.init()
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
init() {
|
|
|
|
|
|
this.getSliderRect()
|
|
|
|
|
|
},
|
|
|
|
|
|
// 获取slider尺寸
|
|
|
|
|
|
getSliderRect() {
|
|
|
|
|
|
// 获取滑块条的尺寸信息
|
|
|
|
|
|
sleep().then(() => {
|
|
|
|
|
|
this.$uGetRect('.u-slider').then((rect) => {
|
|
|
|
|
|
this.info.width = rect.width
|
|
|
|
|
|
this.info.left = rect.left
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
// 此方法由wxs调用，用于修改v-model绑定的值
|
|
|
|
|
|
updateValue(value) {
|
|
|
|
|
|
this.$emit('input', value)
|
|
|
|
|
|
},
|
|
|
|
|
|
// 此方法由wxs调用，发出事件
|
|
|
|
|
|
emitEvent(e) {
|
|
|
|
|
|
this.$emit(e.event, e.value ? e.value : this.value)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
