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 }}" |
|
always-embed="{{ alwaysEmbed }}" |
|
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>
|
|
|