water_xcx/miniprogram_npm/tdesign-miniprogram/stepper/stepper.wxml

37 lines
1.3 KiB
Plaintext

<view
class="{{classPrefix}} {{classPrefix}}--{{theme === 'grey' ? 'pure' : 'normal'}} {{ disabled ? prefix + '-is-disabled': ''}} {{prefix}}-class"
>
<view
class="{{classPrefix}}__minus {{prefix}}-class-minus {{ disabled || disableMinus || currentValue <= min ? prefix + '-is-disabled': ''}} hotspot-expanded relative"
catchtap="minusValue"
>
<t-icon
name="remove"
class="{{classPrefix}}__minus-icon"
color="{{ disabled || disableMinus || currentValue <= min ? '#ccc': '#444'}}"
size="{{theme === 'grey' ? '32rpx' : '40rpx'}}"
/>
</view>
<input
class="{{classPrefix}}__input {{prefix}}-class-input"
style="width: {{inputWidth || 100}}rpx"
disabled="{{ disabled || disableInput }}"
type="number"
value="{{ currentValue }}"
catchinput="inputHandle"
catchfocus="focusHandle"
catchblur="blurHandle"
/>
<view
class="{{classPrefix}}__plus {{prefix}}-class-plus {{ disabled || disablePlus|| currentValue >= max ? prefix + '-is-disabled': ''}} hotspot-expanded relative"
catchtap="plusValue"
>
<t-icon
name="add"
class="{{classPrefix}}__plus-icon"
color="{{ disabled || disablePlus|| currentValue >= max ? '#ccc': '#444'}}"
size="{{theme === 'grey' ? '32rpx' : '40rpx'}}"
/>
</view>
</view>