Layout布局小知识(每天前进一小步一年前进一大步)

                      **Layout布局小知识**

Layout 提供了van-row和van-col两个组件来进行行列布局。

在app.json或index.json中引入组件,

“usingComponents”: {
“van-row”: “@vant/weapp/row/index”,
“van-col”: “@vant/weapp/col/index”
}。
Layout 组件提供了24列栅格,通过在Col上添加span属性设置列所占的宽度百分比。此外,添加offset属性可以设置列的偏移宽度,计算方式与 span 相同

Layout布局小知识(每天前进一小步一年前进一大步)_第1张图片可以通过改变span的值 来进行排版Layout布局小知识(每天前进一小步一年前进一大步)_第2张图片通过改变span的值就可以轻松做出九宫格。

你可能感兴趣的:(Layout,小程序,前端)