index.wxml 1.6 KB

12345678910111213141516171819202122232425262728293031
  1. <wux-spin nested spinning="{{ loading }}">
  2. <view
  3. class="wux-class {{ classes.wrap }}"
  4. data-picker-value="{{ inputValue }}"
  5. data-picker-col-value="{{ fieldNames.value }}"
  6. data-picker-col-label="{{ fieldNames.label }}"
  7. style="{{ styles.wrap }}"
  8. bind:touchstart="onTouchStart"
  9. catch:touchmove="onTouchMove"
  10. bind:touchend="onTouchEnd"
  11. bind:touchcancel="onTouchEnd"
  12. >
  13. <view class="wux-mask-class {{ maskClass }} {{ classes.mask }}" style="{{ styles.mask }} {{ extMaskStyle }}"></view>
  14. <view class="wux-indicator-class {{ indicatorClass }} {{ classes.indicator }}" style="{{ styles.indicator }} {{ extIndicatorStyle }}"></view>
  15. <view class="wux-content-class {{ classes.content }}" style="{{ styles.content }} {{ contentStyle }}">
  16. <block wx:for="{{ common.getOptions(cols, fieldNames) }}" wx:for-item="option" wx:key="__comp_unique_key">
  17. <view
  18. style="{{ styles.item }} {{ extItemStyle }}"
  19. class="{{ classes.item }} {{ !!option[fieldNames.disabled] ? prefixCls + '__item--disabled' : '' }} {{ selectedIndex === index ? prefixCls + '__item--selected' : '' }}"
  20. data-value="{{ option[fieldNames.value] }}"
  21. data-index="{{ index }}"
  22. data-disabled="{{ !!option[fieldNames.disabled] }}"
  23. catchtap="onItemClick"
  24. >
  25. {{ option[fieldNames.label] }}
  26. </view>
  27. </block>
  28. </view>
  29. </view>
  30. </wux-spin>
  31. <wxs src="../helpers/wxs/common.wxs" module="common" />