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.
68 lines
1.7 KiB
68 lines
1.7 KiB
<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>
|
|
|