index.wxml 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <wxs
  2. src="./index.wxs"
  3. module="sjs" />
  4. <view
  5. wx:if="{{ mode === 'default' }}"
  6. class="ant-grid ant-grid-columns-{{ columns }} ant-grid-{{ mode }} {{ className || '' }}"
  7. style="{{ style || '' }}">
  8. <block
  9. wx:for="{{ items }}"
  10. wx:for-index="index"
  11. wx:for-item="item">
  12. <view
  13. data-item="{{ item }}"
  14. 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' : '' }}"
  15. bind:tap="onTap"
  16. onFirstAppear="onFirstAppear">
  17. <view
  18. class="ant-grid-item-icon ant-grid-item-icon-{{ item.iconStyle || iconStyle }}">
  19. <image-icon
  20. image="{{ item.icon }}"
  21. className="ant-grid-item-icon"
  22. style="{{ iconSize ? 'width:' + iconSize + 'px;height:' + iconSize + 'px;font-size:' + iconSize + 'px' : '' }}" />
  23. </view>
  24. <view class="ant-grid-item-title">{{ item.title }}</view>
  25. <view class="ant-grid-item-description">{{ item.description }}</view>
  26. </view>
  27. </block>
  28. </view>
  29. <ant-pagination
  30. wx:elif="{{ mode === 'scroll' }}"
  31. fillColor="{{ paginationFillColor }}"
  32. frontColor="{{ paginationFrontColor }}"
  33. className="{{ className || '' }}"
  34. style="{{ style || '' }}">
  35. <view class="ant-grid ant-grid-{{ mode }}">
  36. <block
  37. wx:for="{{ items }}"
  38. wx:for-index="index"
  39. wx:for-item="item">
  40. <view
  41. data-item="{{ item }}"
  42. 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' : '' }}"
  43. bind:tap="onTap"
  44. onFirstAppear="onFirstAppear">
  45. <view
  46. class="ant-grid-item-icon ant-grid-item-icon-{{ item.iconStyle || iconStyle }}">
  47. <image-icon
  48. image="{{ item.icon }}"
  49. className="ant-grid-item-icon"
  50. style="{{ iconSize ? 'width:' + iconSize + 'px;height:' + iconSize + 'px;font-size:' + iconSize + 'px' : '' }}" />
  51. </view>
  52. <view class="ant-grid-item-title">{{ item.title }}</view>
  53. <view class="ant-grid-item-description">{{ item.description }}</view>
  54. </view>
  55. </block>
  56. </view>
  57. </ant-pagination>