index.wxml 1.2 KB

12345678910111213141516171819202122232425262728
  1. <wxs module="utils" src="../wxs/utils.wxs"/>
  2. <wxs module="computed" src="./index.wxs"/>
  3. <view
  4. bindtap="onClick"
  5. class="custom-class {{ utils.bem('grid-item', { square }) }}"
  6. style="{{ computed.wrapperStyle({ square, gutter, columnNum, index }) }}"
  7. >
  8. <view
  9. class="content-class {{ utils.bem('grid-item__content', [direction, { center, square, reverse, clickable, surround: border && gutter }]) }} {{ border ? 'van-hairline--surround' : '' }}"
  10. style="{{ computed.contentStyle({ square, gutter }) }}"
  11. >
  12. <block wx:if="{{ useSlot }}">
  13. <slot/>
  14. </block>
  15. <block wx:else>
  16. <view class="van-grid-item__icon icon-class">
  17. <van-icon class-prefix="{{ iconPrefix }}" color="{{ iconColor }}" dot="{{ dot }}" info="{{ badge || info }}"
  18. name="{{ icon }}" size="{{ iconSize }}" wx:if="{{ icon }}"/>
  19. <slot name="icon" wx:else></slot>
  20. </view>
  21. <view class="van-grid-item__text text-class">
  22. <text wx:if="{{ text }}">{{ text }}</text>
  23. <slot name="text" wx:else></slot>
  24. </view>
  25. </block>
  26. </view>
  27. </view>