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.
43 lines
1.4 KiB
43 lines
1.4 KiB
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
<wxs src="./index.wxs" module="computed" />
|
|
|
|
<view class="{{ utils.bem('stepper', [theme]) }} custom-class">
|
|
<view
|
|
wx:if="{{ showMinus }}"
|
|
data-type="minus"
|
|
style="{{ computed.buttonStyle({ buttonSize }) }}"
|
|
class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= min }) }}"
|
|
hover-class="van-stepper__minus--hover"
|
|
hover-stay-time="70"
|
|
bind:tap="onTap"
|
|
bind:touchstart="onTouchStart"
|
|
bind:touchend="onTouchEnd"
|
|
>
|
|
<slot name="minus" />
|
|
</view>
|
|
<input
|
|
type="{{ integer ? 'number' : 'digit' }}"
|
|
class="input-class {{ utils.bem('stepper__input', { disabled: disabled || disableInput }) }}"
|
|
style="{{ computed.inputStyle({ buttonSize, inputWidth }) }}"
|
|
value="{{ currentValue }}"
|
|
focus="{{ focus }}"
|
|
disabled="{{ disabled || disableInput }}"
|
|
bindinput="onInput"
|
|
bind:focus="onFocus"
|
|
bind:blur="onBlur"
|
|
/>
|
|
<view
|
|
wx:if="{{ showPlus }}"
|
|
data-type="plus"
|
|
style="{{ computed.buttonStyle({ buttonSize }) }}"
|
|
class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= max }) }}"
|
|
hover-class="van-stepper__plus--hover"
|
|
hover-stay-time="70"
|
|
bind:tap="onTap"
|
|
bind:touchstart="onTouchStart"
|
|
bind:touchend="onTouchEnd"
|
|
>
|
|
<slot name="plus" />
|
|
</view>
|
|
</view>
|