stepper.wxml 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <wxs src="../common/utils.wxs" module="_" />
  2. <view
  3. style="{{_._style([style, customStyle])}}"
  4. class="{{classPrefix}} {{classPrefix}}--{{size}} class {{prefix}}-class"
  5. >
  6. <view
  7. class="{{classPrefix}}__minus {{classPrefix}}__minus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disableMinus || currentValue <= min ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-minus"
  8. catchtap="minusValue"
  9. aria-label="{{'减少' + step}}"
  10. aria-role="button"
  11. aria-disabled="{{disabled || disableMinus || currentValue <= min}}"
  12. >
  13. <t-icon name="remove" class="{{classPrefix}}__minus-icon" />
  14. </view>
  15. <view class="{{classPrefix}}__input--{{theme}} {{ disabled ? classPrefix + '--' + theme + '-disabled': ''}}">
  16. <input
  17. style="{{inputWidth? 'width:' + inputWidth + 'px;': ''}}"
  18. class="{{classPrefix}}__input {{classPrefix}}__input--{{size}} {{prefix}}-class-input"
  19. disabled="{{ disabled || disableInput }}"
  20. type="number"
  21. value="{{ currentValue }}"
  22. catchinput="inputHandle"
  23. catchfocus="focusHandle"
  24. catchblur="blurHandle"
  25. />
  26. </view>
  27. <view
  28. class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-plus"
  29. catchtap="plusValue"
  30. aria-label="{{'增加' + step}}"
  31. aria-role="button"
  32. aria-disabled="{{disabled || disablePlus|| currentValue >= max}}"
  33. >
  34. <t-icon name="add" class="{{classPrefix}}__plus-icon" />
  35. </view>
  36. </view>