stepper.wxml 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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" />
  14. </view>
  15. <view
  16. class="{{classPrefix}}__input--{{theme}} {{ disabled || disableInput ? classPrefix + '--' + theme + '-disabled': ''}}"
  17. >
  18. <input
  19. style="{{inputWidth? 'width:' + inputWidth + 'px;': ''}}"
  20. class="{{classPrefix}}__input {{classPrefix}}__input--{{size}} {{prefix}}-class-input"
  21. disabled="{{ disabled || disableInput }}"
  22. type="{{ integer ? 'number' : 'digit' }}"
  23. value="{{ currentValue }}"
  24. catchinput="handleInput"
  25. catchfocus="handleFocus"
  26. catchblur="handleBlur"
  27. />
  28. </view>
  29. <view
  30. class="{{classPrefix}}__plus {{classPrefix}}__plus--{{theme}} {{classPrefix}}__icon--{{size}} {{ disabled || disablePlus|| currentValue >= max ? classPrefix + '--' + theme + '-disabled': ''}} {{prefix}}-class-plus"
  31. catchtap="plusValue"
  32. aria-label="{{'增加' + step}}"
  33. aria-role="button"
  34. aria-disabled="{{disabled || disablePlus|| currentValue >= max}}"
  35. >
  36. <t-icon name="add" />
  37. </view>
  38. </view>