vantUI组件：Grid宫格 - 案例篇

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宫格 - 案例篇 ”的全部内容。