blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[bugfix] Slider: fix click not work

Browse Source 
fix #1477
This commit is contained in:
rex 2019-04-02 19:46:23 +08:00 committed by GitHub
parent 8b0ee2066e
commit 17c84a5088
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/slider/index.ts
View File

@ -32,7 +32,7 @@ VantComponent({
}, },
watch: { watch: {
value(value) { value(value: number) {
this.updateValue(value, false); this.updateValue(value, false);
} }
}, },
@ -53,7 +53,7 @@ VantComponent({
if (this.data.disabled) return; if (this.data.disabled) return;
this.touchMove(event); this.touchMove(event);
this.getRect('.van-slider').then(rect => { this.getRect('.van-slider').then((rect: wx.BoundingClientRectCallbackResult) => {
const diff = this.deltaX / rect.width * 100; const diff = this.deltaX / rect.width * 100;
this.updateValue(this.startValue + diff, false, true); this.updateValue(this.startValue + diff, false, true);
}); });
@ -67,13 +67,13 @@ VantComponent({
onClick(event: Weapp.TouchEvent) { onClick(event: Weapp.TouchEvent) {
if (this.data.disabled) return; if (this.data.disabled) return;
this.getRect(rect => { this.getRect('.van-slider').then((rect: wx.BoundingClientRectCallbackResult) => {
const value = (event.detail.x - rect.left) / rect.width * 100; const value = (event.detail.x - rect.left) / rect.width * 100;
this.updateValue(value, true); this.updateValue(value, true);
}); });
}, },
updateValue(value, end, drag) { updateValue(value: number, end: boolean, drag: boolean) {
value = this.format(value); value = this.format(value);
this.set({ this.set({
@ -84,13 +84,13 @@ VantComponent({
if (drag) { if (drag) {
this.$emit('drag', { value }); this.$emit('drag', { value });
} }
if (end) { if (end) {
this.$emit('change', value); this.$emit('change', value);
} }
}, },
format(value) { format(value: number) {
const { max, min, step } = this.data; const { max, min, step } = this.data;
return Math.round(Math.max(min, Math.min(value, max)) / step) * step; return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
} }

4
packages/slider/index.wxml
View File

@ -1,5 +1,7 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<view <view
class="custom-class van-slider {{ disabled ? 'van-slider--disabled' : '' }}" class="custom-class {{ utils.bem('slider', { disabled }) }}"
style="{{ inactiveColor ? 'background:' + inactiveColor : '' }}" style="{{ inactiveColor ? 'background:' + inactiveColor : '' }}"
bind:tap="onClick" bind:tap="onClick"
> >