index.wxml 994 B

12345678910111213141516171819202122232425262728
  1. <template name="zan-stepper">
  2. <view class="zan-stepper {{ size === 'small' ? 'zan-stepper--small' : '' }}">
  3. <view
  4. class="zan-stepper__minus {{ stepper <= min ? 'zan-stepper--disabled' : '' }}"
  5. data-component-id="{{ componentId }}"
  6. data-stepper="{{ stepper }}"
  7. data-disabled="{{ stepper <= min }}"
  8. bindtap="_handleZanStepperMinus"
  9. >-</view>
  10. <input
  11. class="zan-stepper__text {{ min >= max ? 'zan-stepper--disabled' : '' }}"
  12. type="number"
  13. data-component-id="{{ componentId }}"
  14. data-min="{{ min }}"
  15. data-max="{{ max }}"
  16. value="{{ stepper }}"
  17. disabled="{{ min >= max }}"
  18. bindblur="_handleZanStepperBlur"
  19. ></input>
  20. <view
  21. class="zan-stepper__plus {{ stepper >= max ? 'zan-stepper--disabled' : '' }}"
  22. data-component-id="{{ componentId }}"
  23. data-stepper="{{ stepper }}"
  24. data-disabled="{{ stepper >= max }}"
  25. bindtap="_handleZanStepperPlus"
  26. >+</view>
  27. </view>
  28. </template>