index.wxml 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <wux-popup
  2. position="bottom"
  3. visible="{{ popupVisible }}"
  4. hasHeader="{{ false }}"
  5. hasFooter="{{ false }}"
  6. mountOnEnter="{{ false }}"
  7. safeArea="bottom"
  8. bind:show="onShow"
  9. bind:close="close"
  10. bind:closed="onClosed"
  11. >
  12. <view class="{{ classes.wrap }}">
  13. <view class="{{ classes.toolbar }}" wx:if="{{ toolbar }}" catchtouchmove="noop">
  14. <view class="{{ classes.inner }}">
  15. <view class="{{ classes.cancel }}" hover-class="{{ classes.hover }}" bindtap="onCancel" wx:if="{{ toolbar.cancelText }}">{{ toolbar.cancelText }}</view>
  16. <view class="{{ classes.title }}">{{ toolbar.title }}</view>
  17. <view class="{{ classes.confirm }}" hover-class="{{ classes.hover }}" bindtap="onConfirm" wx:if="{{ toolbar.confirmText }}">{{ toolbar.confirmText }}</view>
  18. </view>
  19. </view>
  20. <wux-select-menu
  21. id="wux-select"
  22. value="{{ inputValue }}"
  23. options="{{ mergedOptions }}"
  24. iconPosition="{{ iconPosition }}"
  25. multiple="{{ multiple }}"
  26. max="{{ max }}"
  27. bind:selectChange="onSelectChange"
  28. wx:if="{{ !virtualized }}"
  29. />
  30. <wux-virtual-select-menu
  31. id="wux-select"
  32. value="{{ inputValue }}"
  33. options="{{ mergedOptions }}"
  34. iconPosition="{{ iconPosition }}"
  35. multiple="{{ multiple }}"
  36. max="{{ max }}"
  37. bind:selectChange="onSelectChange"
  38. wx:else
  39. />
  40. <view class="{{ prefixCls + '__prompt' }}" wx:if="{{ !mergedOptions || mergedOptions.length === 0 }}">
  41. <wux-prompt
  42. visible
  43. icon="{{ mergedNotFoundContent.icon }}"
  44. title="{{ mergedNotFoundContent.title }}"
  45. text="{{ mergedNotFoundContent.text }}"
  46. wrapStyle="{{ { backgroundColor: 'unset' } }}"
  47. wx:if="{{ mergedNotFoundContent }}"
  48. />
  49. <slot name="notFoundContent" wx:else></slot>
  50. </view>
  51. </view>
  52. </wux-popup>
  53. <slot></slot>