index.wxml 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <wxs src="./select.wxs" module="select" />
  2. <navigation-bar title="测试组件页面"></navigation-bar>
  3. <view class="page-container">
  4. <view class="container">
  5. <w-field model:value="{{ fieldValue1 }}" label="多行文本" label-align="top" type="textarea" autosize="{{ { maxHeight: 100, minHeight: 50 } }}" maxlength="100" showWordLimit></w-field>
  6. <!-- <w-search value="{{ searchName }}" bind:search="onSearch"></w-search> -->
  7. </view>
  8. <view class="container">
  9. <w-field model:value="{{ fieldValue }}" label="标题文字标题文字字" />
  10. <w-field model:value="{{ fieldValue }}" readonly is-link />
  11. <w-field model:value="{{ fieldValue }}" center inputAlign="right" label="单选框">
  12. <view slot="input">
  13. <w-radio model:value="{{ radio }}" options="{{ radioList }}"></w-radio>
  14. </view>
  15. </w-field>
  16. <w-field model:value="{{ fieldValue }}" center label="多选框">
  17. <view slot="input">
  18. <w-checkbox value="{{ checkbox }}" options="{{ radioList }}" bind:change="onCheckboxChange"></w-checkbox>
  19. </view>
  20. </w-field>
  21. </view>
  22. <view class="container">
  23. <w-field label="多Picker" placeholder="请选择" value="{{ moreValue }}" is-link readonly bind:tap="onSelectClass" />
  24. </view>
  25. <view class="container">
  26. <w-field label="带搜索" placeholder="请选择" value="{{ searchValue }}" is-link readonly bind:tap="onSelectSearch" />
  27. </view>
  28. <view class="container">
  29. <w-field label="省市区" placeholder="请选择省市区" value="{{ fieldArea }}" is-link readonly bind:tap="onSelectArea" />
  30. </view>
  31. <view class="container">
  32. <w-field label="日期" placeholder="请选择日期" value="{{ fieldTime }}" is-link readonly bind:tap="onSelectTime" />
  33. </view>
  34. <button bind:tap="onDialogShow" type="primary">Dialog 弹窗提示</button>
  35. {{ select.formatSelect([1,2,3], '1') }}
  36. </view>
  37. <view class="page-footer">
  38. <button type="primary" style="width: 100% !important; line-height: 52rpx;" bind:tap="onSubmit">提交</button>
  39. </view>
  40. <w-dialog show="{{ dialogShow }}" title="标题" message="确认删除该地址吗?确认删除该地址吗?确认删除该地址吗?确认删除该地址吗?确认删除该地址吗?确认删除该地址吗?"></w-dialog>
  41. <w-picker show="{{ pickerShow }}" value="{{ pickerValue }}" columns="{{ columns }}" bind:cancel="onCancel" bind:confirm="onConfirm"></w-picker>
  42. <w-search-picker value="{{ pickerSearchValue }}" show="{{ pickerSearchShow }}" columns="{{ searchColumns }}" bind:cancel="onSearchClose" bind:confirm="onSearchConfirm" bind:search="onSearch" searchLoading="{{ searchLoading }}"></w-search-picker>
  43. <!-- 省市区 -->
  44. <w-area value="{{ areaValue }}" columns="{{ areaList }}" show="{{ pickerAreaShow }}" bind:cancel="onCloseArea" bind:confirm="onAreaInput"></w-area>
  45. <!-- 日期 -->
  46. <w-datetime-picker value="{{ timeValue }}" show="{{ pickerTimeShow }}" type="year-month" bind:cancel="onCloseTime" bind:confirm="onTimeInput"></w-datetime-picker>