index.wxml 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <wxs
  2. src="./index.wxs"
  3. module="_sjs" />
  4. <view
  5. class="ant-picker {{ disabled ? 'ant-picker-disabled' : '' }} {{ className || '' }}"
  6. style="{{ style || '' }}"
  7. bind:tap="onOpen">
  8. <view class="ant-picker-value">
  9. <view
  10. wx:if="{{ formatValue }}"
  11. class="ant-picker-value-text">
  12. {{ formatValue }}
  13. </view>
  14. <block wx:else>
  15. <view
  16. wx:if="{{ placeholder }}"
  17. class="ant-picker-value-placeholder">
  18. {{ placeholder }}
  19. </view>
  20. </block>
  21. </view>
  22. </view>
  23. <ant-popup
  24. className="ant-picker-popup {{ popClassName || '' }}"
  25. style="{{ popStyle || '' }}"
  26. position="bottom"
  27. animationType="{{ animationType }}"
  28. destroyOnClose
  29. bind:close="onMaskDismiss"
  30. visible="{{ state.visible }}">
  31. <view class="ant-picker-header">
  32. <view
  33. class="ant-picker-header-item ant-picker-header-cancel"
  34. hover-class="ant-picker-header-item-hover"
  35. hover-start-time="20"
  36. hover-stay-time="50"
  37. bind:tap="onCancel">
  38. {{ cancelText }}
  39. </view>
  40. <view class="ant-picker-header-item ant-picker-header-title"></view>
  41. <view
  42. class="ant-picker-header-item ant-picker-header-confirm"
  43. hover-class="ant-picker-header-item-hover"
  44. hover-start-time="20"
  45. hover-stay-time="50"
  46. bind:tap="onOk">
  47. {{ okText }}
  48. </view>
  49. </view>
  50. <view class="ant-picker-content">
  51. <slot name="content-header" />
  52. <block wx:if="{{ columns }}">
  53. <picker-view
  54. class="ant-picker-picker-view"
  55. mask-style="{{ maskStyle || '' }}"
  56. mask-class="{{ maskClassName || '' }}"
  57. indicator-style="{{ indicatorStyle || '' }}"
  58. indicator-class="{{ indicatorClassName || '' }}"
  59. value="{{ selectedIndex }}"
  60. bind:change="onChange">
  61. <block
  62. wx:for="{{ columns }}"
  63. wx:for-index="dataIndex"
  64. wx:for-item="dataRoot">
  65. <picker-view-column
  66. wx:if="{{ dataIndex < options.length }}"
  67. class="ant-picker-picker-view-column">
  68. <block
  69. wx:for="{{ dataRoot }}"
  70. wx:for-index="index"
  71. wx:for-item="item">
  72. <view class="ant-picker-content-item">
  73. {{ _sjs.getPickerViewLabel(item) }}
  74. </view>
  75. </block>
  76. </picker-view-column>
  77. </block>
  78. </picker-view>
  79. </block>
  80. <block wx:else>
  81. <picker-view>
  82. <picker-view-column>
  83. <!-- display: inline -->
  84. <text style="color: #ccc">暂无数据</text>
  85. </picker-view-column>
  86. </picker-view>
  87. </block>
  88. </view>
  89. </ant-popup>