You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.1 KiB
27 lines
1.1 KiB
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
<wxs src="./index.wxs" module="computed" />
|
|
|
|
<view
|
|
class="custom-class {{ utils.bem('grid-item', { square }) }}"
|
|
style="{{ computed.wrapperStyle({ square, gutter, columnNum, index }) }}"
|
|
bindtap="onClick"
|
|
>
|
|
<view
|
|
class="content-class {{ utils.bem('grid-item__content', [direction, { center, square, reverse, clickable, surround: border && gutter }]) }} {{ border ? 'van-hairline--surround' : '' }}"
|
|
style="{{ computed.contentStyle({ square, gutter }) }}"
|
|
>
|
|
<block wx:if="{{ useSlot }}">
|
|
<slot />
|
|
</block>
|
|
<block wx:else>
|
|
<view class="van-grid-item__icon icon-class">
|
|
<van-icon wx:if="{{ icon }}" name="{{ icon }}" color="{{ iconColor }}" class-prefix="{{ iconPrefix }}" dot="{{ dot }}" info="{{ badge || info }}" size="{{ iconSize }}" />
|
|
<slot wx:else name="icon"></slot>
|
|
</view>
|
|
<view class="van-grid-item__text text-class">
|
|
<text wx:if="{{ text }}">{{ text }}</text>
|
|
<slot wx:else name="text"></slot>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|