index.wxml
1.66 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="../wxs/style.wxs" module="style" />
<view
class="custom-class {{ utils.bem('slider', { disabled, vertical }) }}"
style="{{ wrapperStyle }}"
bind:tap="onClick"
>
<view
class="{{ utils.bem('slider__bar') }}"
style="{{ barStyle }}; {{ style({ backgroundColor: activeColor }) }}"
>
<view
wx:if="{{ range }}"
class="{{ utils.bem('slider__button-wrapper-left') }}"
data-index="{{ 0 }}"
bind:touchstart="onTouchStart"
catch:touchmove="onTouchMove"
bind:touchend="onTouchEnd"
bind:touchcancel="onTouchEnd"
>
<slot
wx:if="{{ useButtonSlot }}"
name="left-button"
/>
<view
wx:else
class="{{ utils.bem('slider__button') }}"
/>
</view>
<view
wx:if="{{ range }}"
class="{{ utils.bem('slider__button-wrapper-right') }}"
data-index="{{ 1 }}"
bind:touchstart="onTouchStart"
catch:touchmove="onTouchMove"
bind:touchend="onTouchEnd"
bind:touchcancel="onTouchEnd"
>
<slot
wx:if="{{ useButtonSlot }}"
name="right-button"
/>
<view
wx:else
class="{{ utils.bem('slider__button') }}"
/>
</view>
<view
wx:if="{{ !range }}"
class="{{ utils.bem('slider__button-wrapper') }}"
bind:touchstart="onTouchStart"
catch:touchmove="onTouchMove"
bind:touchend="onTouchEnd"
bind:touchcancel="onTouchEnd"
>
<slot
wx:if="{{ useButtonSlot }}"
name="button"
/>
<view
wx:else
class="{{ utils.bem('slider__button') }}"
/>
</view>
</view>
</view>