index.axml 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <import-sjs
  2. name="sjs"
  3. from="./index.sjs" />
  4. <view
  5. class="ant-grid ant-grid-columns-{{columns}} ant-grid-{{mode}} {{className||''}}"
  6. a:if="{{mode==='default'}}"
  7. style="{{style || ''}}">
  8. <view
  9. a:for="{{ items }}"
  10. data-item="{{ item }}"
  11. class="ant-grid-item ant-grid-item-{{gridItemLayout}} {{sjs.checkNeedVerticalSpace(items.length,index,columns)?'ant-grid-item-vertical-space':''}} ant-grid-item-columns-{{columns}} {{sjs.checkShowSplitLine(index,items.length,columns,mode,showDivider)?'ant-grid-item-line':''}}"
  12. onTap="onTap"
  13. onFirstAppear="onFirstAppear">
  14. <view
  15. class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle||iconStyle}}">
  16. <slot
  17. name="icon"
  18. value="{{ item }}"
  19. index="{{ index }}">
  20. <image-icon
  21. image="{{item.icon}}"
  22. className="ant-grid-item-icon"
  23. style="{{iconSize?`width:${iconSize}px;height:${iconSize}px;font-size:${iconSize}px`:''}}" />
  24. </slot>
  25. </view>
  26. <view class="ant-grid-item-title">
  27. <slot
  28. name="title"
  29. value="{{ item }}"
  30. index="{{ index }}">
  31. {{item.title}}
  32. </slot>
  33. </view>
  34. <view class="ant-grid-item-description">
  35. <slot
  36. name="description"
  37. value="{{ item }}"
  38. index="{{ index }}">
  39. {{item.description}}
  40. </slot>
  41. </view>
  42. </view>
  43. </view>
  44. <pagination
  45. a:elif="{{mode==='scroll'}}"
  46. fillColor="{{paginationFillColor}}"
  47. frontColor="{{paginationFrontColor}}"
  48. className="{{className||''}}"
  49. style="{{style || ''}}">
  50. <view class="ant-grid ant-grid-{{mode}}">
  51. <view
  52. a:for="{{ items }}"
  53. data-item="{{ item }}"
  54. class="ant-grid-item ant-grid-item-{{gridItemLayout}} ant-grid-item-columns-scroll {{sjs.checkShowSplitLine(index,items.length,columns,mode,showDivider)?'ant-grid-item-line':''}}"
  55. onTap="onTap"
  56. onFirstAppear="onFirstAppear">
  57. <view
  58. class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle||iconStyle}}">
  59. <slot
  60. name="icon"
  61. value="{{ item }}"
  62. index="{{ index }}">
  63. <image-icon
  64. image="{{item.icon}}"
  65. className="ant-grid-item-icon"
  66. style="{{iconSize?`width:${iconSize}px;height:${iconSize}px;font-size:${iconSize}px`:''}}" />
  67. </slot>
  68. </view>
  69. <view class="ant-grid-item-title">
  70. <slot
  71. name="title"
  72. value="{{ item }}"
  73. index="{{ index }}">
  74. {{item.title}}
  75. </slot>
  76. </view>
  77. <view class="ant-grid-item-description">
  78. <slot
  79. name="description"
  80. value="{{ item }}"
  81. index="{{ index }}">
  82. {{item.description}}
  83. </slot>
  84. </view>
  85. </view>
  86. </view>
  87. </pagination>