jk's notes
  • Layout 布局

Layout 布局

文档链接:https://vant-contrib.gitee.io/vant/#/zh-CN/col

两个组件: van-row 和 van-col 来构造栅格布局. 默认 24 分栏.

基本语法:

<van-row>
  <van-col></van-col>
</van-row>

基本用法与其他框架一致. 常用属性有:

  • gutter, 用来设置间距, 使用数组分别表示横向与纵向间距.
  • justify 和 align 对标 flex 的对齐方式.
  • span 和 offset 来布局单元格.
Last Updated:
Contributors: jk