dk-select-field.wxml 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <view>
  2. <van-field required="{{required}}" autosize border="{{ border }}" readonly="{{ false }}" id="vanField"
  3. label="{{label}}" placeholder="{{placeholder}}" input-class="{{inputClass}}" readonly="{{readonly}}" errorMessage="{{errorMessage}}" label-class="{{labelClass}}" value="{{fieldValue}}" extra-event-params="{{true}}" bind:input="inputField" bind:blur="blurField">
  4. <view slot="right-icon" catchtap="open">
  5. <van-icon slot="right-icon" name="{{iconUrl}}" color="#c8c9cc;" size="20px"></van-icon>
  6. </view>
  7. </van-field>
  8. <van-transition
  9. show="{{ selectListShow && selectList.length !== 0}}"
  10. name="fade-down"
  11. duration="{{ { enter: 300, leave: 1000 } }}"
  12. enter-class="van-enter-class"
  13. enter-active-class="van-enter-active-class"
  14. leave-active-class="van-leave-active-class"
  15. leave-to-class="van-leave-to-class"
  16. >
  17. <view style="position: relative;width: 100%;">
  18. <view class="select-list">
  19. <view class="select-list-item">
  20. <van-cell-group style="max-height: 400rpx;">
  21. <van-cell size="large"
  22. custom-style="padding:0;height:70rpx;display:flex;justify-content: start;align-items:center;border-radius:5px;margin:10rpx 0rpx"
  23. class="select-cell"
  24. title-style="margin-left:20rpx"
  25. wx:for="{{selectList}}"
  26. data-key="{{item.code}}"
  27. data-item="{{item}}"
  28. data-index="{{indext}}"
  29. title="{{item.supName}}"
  30. bind:tap="clickCell"/>
  31. </van-cell-group>
  32. </view>
  33. </view>
  34. </view>
  35. </van-transition>
  36. </view>