mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
46 lines
1.5 KiB
Plaintext
46 lines
1.5 KiB
Plaintext
<demo-block title="基本用法">
|
|
<van-grid>
|
|
<van-grid-item icon="photo-o" text="文字" wx:for="{{ 4 }}" wx:key="*this" />
|
|
</van-grid>
|
|
</demo-block>
|
|
|
|
<demo-block title="自定义列数">
|
|
<van-grid column-num="3">
|
|
<van-grid-item icon="photo-o" text="文字" wx:for="{{ 6 }}" wx:key="*this" />
|
|
</van-grid>
|
|
</demo-block>
|
|
|
|
<demo-block title="自定义内容">
|
|
<van-grid column-num="3" border="{{ false }}">
|
|
<van-grid-item use-slot wx:for="{{ 3 }}" wx:for-item="index" wx:key="*this">
|
|
<image style="width: 100%; height: 90px;" src="https://img.yzcdn.cn/vant/apple-{{ index + 1 }}.jpg" />
|
|
</van-grid-item>
|
|
</van-grid>
|
|
</demo-block>
|
|
|
|
<demo-block title="正方形格子">
|
|
<van-grid square>
|
|
<van-grid-item icon="photo-o" text="文字" wx:for="{{ 8 }}" wx:key="*this" />
|
|
</van-grid>
|
|
</demo-block>
|
|
|
|
<demo-block title="格子间距">
|
|
<van-grid gutter="{{ 10 }}">
|
|
<van-grid-item icon="photo-o" text="文字" wx:for="{{ 8 }}" wx:key="*this" />
|
|
</van-grid>
|
|
</demo-block>
|
|
|
|
<demo-block title="页面跳转">
|
|
<van-grid clickable column-num="2">
|
|
<van-grid-item icon="home-o" link-type="navigateTo" url="/pages/dashboard/index" text="Navigate 跳转" />
|
|
<van-grid-item icon="search" link-type="reLaunch" url="/pages/dashboard/index" text="ReLaunch 跳转" />
|
|
</van-grid>
|
|
</demo-block>
|
|
|
|
<demo-block title="提示信息">
|
|
<van-grid column-num="2">
|
|
<van-grid-item icon="home-o" text="文字" dot />
|
|
<van-grid-item icon="search" text="文字" info="99+" />
|
|
</van-grid>
|
|
</demo-block>
|