index.wxml 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <wxs
  2. src="./index.wxs"
  3. module="utils" />
  4. <view
  5. class="ant-collapse {{ className ? className : '' }}"
  6. style="{{ style }}">
  7. <block
  8. wx:for="{{ items }}"
  9. wx:for-index="index"
  10. wx:for-item="item">
  11. <view
  12. class="ant-collapse-item {{ utils.isActive(mixin.value, index, item.disabled) ? 'ant-collapse-item-active' : '' }} {{ item.disabled ? 'ant-collapse-item-disabled' : '' }}">
  13. <view
  14. class="ant-collapse-item-title"
  15. data-active="{{ utils.isActive(mixin.value, index, item.disabled) }}"
  16. data-index="{{ index }}"
  17. data-id="{{ $id }}"
  18. bind:tap="onChange">
  19. <view class="ant-collapse-item-line">
  20. <view class="ant-collapse-item-title-node">{{ item.title }}</view>
  21. <view class="ant-collapse-item-brief-container">
  22. <view class="ant-collapse-item-brief-node">{{ brief }}</view>
  23. <view class="ant-collapse-item-title-arrow">
  24. <ant-icon
  25. type="{{ utils.isActive(mixin.value, index, item.disabled) ? 'UpOutline' : 'DownOutline' }}" />
  26. </view>
  27. </view>
  28. </view>
  29. </view>
  30. <view
  31. class="ant-collapse-item-content-wrap {{ hasChange ? 'ant-collapse-item-content-wrap-transition' : '' }} ant-collapse-item-content-wrap{{ $id ? '-' + $id : '' }}-{{ index }}"
  32. onTransitionEnd="resetContentHeight"
  33. style="{{ utils.getStyleHeight(index, contentHeight, item.disabled) }}"
  34. data-index="{{ index }}">
  35. <view class="ant-collapse-item-content-container">
  36. <view
  37. class="ant-collapse-item-content ant-collapse-item-content{{ $id ? '-' + $id : '' }}-{{ index }}">
  38. {{ item.content }}
  39. </view>
  40. </view>
  41. </view>
  42. </view>
  43. </block>
  44. </view>