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.
29 lines
994 B
29 lines
994 B
2 years ago
|
<template name="zan-stepper">
|
||
|
|
<view class="zan-stepper {{ size === 'small' ? 'zan-stepper--small' : '' }}">
|
||
|
|
<view
|
||
|
|
class="zan-stepper__minus {{ stepper <= min ? 'zan-stepper--disabled' : '' }}"
|
||
|
|
data-component-id="{{ componentId }}"
|
||
|
|
data-stepper="{{ stepper }}"
|
||
|
|
data-disabled="{{ stepper <= min }}"
|
||
|
|
bindtap="_handleZanStepperMinus"
|
||
|
|
>-</view>
|
||
|
|
<input
|
||
|
|
class="zan-stepper__text {{ min >= max ? 'zan-stepper--disabled' : '' }}"
|
||
|
|
type="number"
|
||
|
|
data-component-id="{{ componentId }}"
|
||
|
|
data-min="{{ min }}"
|
||
|
|
data-max="{{ max }}"
|
||
|
|
value="{{ stepper }}"
|
||
|
|
disabled="{{ min >= max }}"
|
||
|
|
bindblur="_handleZanStepperBlur"
|
||
|
|
></input>
|
||
|
|
<view
|
||
|
|
class="zan-stepper__plus {{ stepper >= max ? 'zan-stepper--disabled' : '' }}"
|
||
|
|
data-component-id="{{ componentId }}"
|
||
|
|
data-stepper="{{ stepper }}"
|
||
|
|
data-disabled="{{ stepper >= max }}"
|
||
|
|
bindtap="_handleZanStepperPlus"
|
||
|
|
>+</view>
|
||
|
|
</view>
|
||
|
|
</template>
|