<wxs src="../wxs/utils.wxs" module="utils" /> <view class="custom-class {{ utils.bem('grid-item', { square }) }}" style="{{ viewStyle }}" bindtap="onClick"> <view class="content-class {{ utils.bem('grid-item__content', [direction, { center, square, clickable, surround: border && gutter }]) }} {{ border ? 'van-hairline--surround' : '' }}" style="{{ contentStyle }}" > <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 }}" 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>