vantUI组件:Grid宫格 - 案例篇
效果图 · 截图:
代码:
<van-grid clickable direction="horizontal" :border="false" :column-num="1">
<van-grid-item icon="photo-o">
<span>8908686
<br/>00000
</span>
</van-grid-item>
<van-grid-item icon="home-o" text="路由跳转" to="/" />
<van-grid-item icon="search" text="URL 跳转" url="/vant/mobile.html" />
<van-grid-item>
<van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
</van-grid-item>
<van-grid-item>
<van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
</van-grid-item>
<van-grid-item>
<van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
</van-grid-item>
</van-grid>
以上就是关于“vantUI组件:Grid宫格 - 案例篇 ”的全部内容。