index.wxml 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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-date-picker-view
  21. id="wux-picker"
  22. multiPickerPrefixCls="{{ multiPickerPrefixCls }}"
  23. pickerPrefixCls="{{ pickerPrefixCls }}"
  24. value="{{ inputValue }}"
  25. itemHeight="{{ itemHeight }}"
  26. itemStyle="{{ itemStyle }}"
  27. indicatorStyle="{{ indicatorStyle }}"
  28. indicatorClass="{{ indicatorClass }}"
  29. maskStyle="{{ maskStyle }}"
  30. maskClass="{{ maskClass }}"
  31. labelAlign="{{ labelAlign }}"
  32. mode="{{ mode }}"
  33. minuteStep="{{ minuteStep }}"
  34. use12Hours="{{ use12Hours }}"
  35. minDate="{{ minDate }}"
  36. maxDate="{{ maxDate }}"
  37. minHour="{{ minHour }}"
  38. maxHour="{{ maxHour }}"
  39. minMinute="{{ minMinute }}"
  40. maxMinute="{{ maxMinute }}"
  41. lang="{{ lang }}"
  42. bind:valueChange="onValueChange"
  43. />
  44. </view>
  45. </wux-popup>
  46. <slot></slot>