Cell 单元格
文档地址: https://vant-contrib.gitee.io/vant/#/zh-CN/cell
基本语法:
<van-cell
title="标题"
value="右侧内容"
label="标题下方的描述文字"
></van-cell>
一般以横向分组列表的形式展示数据项. 逻辑样式与手机中设置的样式类似.
常用属性有:
title
主题标题label
标题下方的子标题value
右侧是文字is-link
显示右侧箭头url
或to
用来设置导航. 配合replace
来设置是否替换页面历史.required
当用作表单的时候, 显示必填星号.center
在同时使用title
和label
后, 行高会变高, 用于控制右侧是否垂直居中.
附加组件 CellGroup
作为容器使用:
<van-cell-group></van-cell-group>
常用属性:
title
设置分组标题.- 默认
Cell
横向填满一整行, 使用inset
属性可以显示为与圆角卡片的样式.