index.wxml 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <wxs src="../wxs/utils.wxs" module="utils" />
  2. <view
  3. class="van-tree-select"
  4. style="height: {{ mainHeight }}px"
  5. >
  6. <scroll-view scroll-y class="van-tree-select__nav">
  7. <view
  8. wx:for="{{ items }}"
  9. wx:key="index"
  10. class="van-ellipsis main-item-class {{ utils.bem('tree-select__nitem', { active: mainActiveIndex === index, disabled: item.disabled }) }} {{ mainActiveIndex === index ? 'main-active-class' : '' }} {{ item.disabled ? 'main-disabled-class' : '' }}"
  11. data-index="{{ index }}"
  12. bind:tap="onClickNav"
  13. >
  14. {{ item.text }}
  15. </view>
  16. </scroll-view>
  17. <scroll-view
  18. scroll-y
  19. class="van-tree-select__content"
  20. style="height: {{ itemHeight }}px"
  21. >
  22. <view
  23. wx:for="{{ subItems }}"
  24. wx:key="id"
  25. class="van-ellipsis van-hairline--bottom content-item-class {{ utils.bem('tree-select__item', { active: activeId === item.id, disabled: item.disabled }) }} {{ activeId === item.id ? 'content-active-class' : '' }} {{ item.disabled ? 'content-disabled-class' : '' }}"
  26. data-item="{{ item }}"
  27. bind:tap="onSelectItem"
  28. >
  29. {{ item.text }}
  30. <van-icon
  31. wx:if="{{ activeId === item.id }}"
  32. name="checked"
  33. size="16px"
  34. class="van-tree-select__selected"
  35. />
  36. </view>
  37. </scroll-view>
  38. </view>