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

10
packages/slider/index.ts
View File

@ -32,7 +32,7 @@ VantComponent({
},
watch: {
value(value) {
value(value: number) {
this.updateValue(value, false);
}
},
@ -53,7 +53,7 @@ VantComponent({
if (this.data.disabled) return;
this.touchMove(event);
this.getRect('.van-slider').then(rect => {
this.getRect('.van-slider').then((rect: wx.BoundingClientRectCallbackResult) => {
const diff = this.deltaX / rect.width * 100;
this.updateValue(this.startValue + diff, false, true);
});
@ -67,13 +67,13 @@ VantComponent({
onClick(event: Weapp.TouchEvent) {
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;
this.updateValue(value, true);
});
},
updateValue(value, end, drag) {
updateValue(value: number, end: boolean, drag: boolean) {
value = this.format(value);
this.set({
@ -90,7 +90,7 @@ VantComponent({
}
},
format(value) {
format(value: number) {
const { max, min, step } = this.data;
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
class="custom-class van-slider {{ disabled ? 'van-slider--disabled' : '' }}"
class="custom-class {{ utils.bem('slider', { disabled }) }}"
style="{{ inactiveColor ? 'background:' + inactiveColor : '' }}"
bind:tap="onClick"
>