index.axml 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <import-sjs
  2. name="utils"
  3. from="./index.sjs" />
  4. <view
  5. class="ant-collapse {{className ? className : ''}}"
  6. style="{{style}}">
  7. <view
  8. a:for="{{items}}"
  9. class="ant-collapse-item
  10. {{utils.isActive(mixin.value, index, item.disabled) ? 'ant-collapse-item-active' : ''}}
  11. {{item.disabled ? 'ant-collapse-item-disabled' : ''}}">
  12. <view
  13. class="ant-collapse-item-title"
  14. data-active="{{utils.isActive(mixin.value, index, item.disabled)}}"
  15. data-index="{{index}}"
  16. data-id="{{$id}}"
  17. onTap="onChange">
  18. <view class="ant-collapse-item-line">
  19. <view class="ant-collapse-item-title-node">
  20. <slot
  21. name="title"
  22. value="{{item}}"
  23. index="{{index}}"
  24. current="{{mixin.value}}">
  25. {{item.title}}
  26. </slot>
  27. </view>
  28. <view class="ant-collapse-item-brief-container">
  29. <view class="ant-collapse-item-brief-node">
  30. <slot
  31. name="brief"
  32. value="{{item}}"
  33. index="{{index}}"
  34. current="{{mixin.value}}">
  35. {{brief}}
  36. </slot>
  37. </view>
  38. <view class="ant-collapse-item-title-arrow">
  39. <slot
  40. name="icon"
  41. value="{{item}}"
  42. index="{{index}}"
  43. current="{{mixin.value}}">
  44. <am-icon
  45. type="{{utils.isActive(mixin.value, index, item.disabled) ? 'UpOutline' : 'DownOutline'}}"
  46. size="x-small" />
  47. </slot>
  48. </view>
  49. </view>
  50. </view>
  51. </view>
  52. <view
  53. class="ant-collapse-item-content-wrap {{hasChange ? 'ant-collapse-item-content-wrap-transition' : ''}} {{`ant-collapse-item-content-wrap-${$id}-${index}`}}"
  54. onTransitionEnd="resetContentHeight"
  55. style="{{utils.getStyleHeight(index, contentHeight, item.disabled)}}"
  56. data-index="{{index}}">
  57. <view class="ant-collapse-item-content-container">
  58. <view
  59. class="ant-collapse-item-content {{`ant-collapse-item-content-${$id}-${index}`}}">
  60. <slot
  61. name="content"
  62. value="{{item}}"
  63. index="{{index}}"
  64. current="{{mixin.value}}">
  65. {{item.content}}
  66. </slot>
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. </view>