更新记录

1.0.0（2026-04-02） 下载此版本

平台兼容性

uni-app(3.7.3)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- √ √ √ √ √ √ √ √
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ √ √ √ √ √ √

uni-app x(3.7.3)

Chrome Safari Android iOS 鸿蒙 微信小程序
√ √ √ √ √ √

其他

多语言 暗黑模式 宽屏模式
× × √

vant-cell

单元格组件

介绍

单元格为一行展示文本、描述信息的组件，常用于设置中心、个人信息等页面。

基本用法

<!-- 基础用法 -->
<vant-cell title="标题" value="内容" />

<!-- 描述用法 -->
<vant-cell title="标题" label="描述信息" value="内容" />

<!-- 左侧图标 -->
<vant-cell title="标题" icon="图标路径" value="内容" />

<!-- 右侧箭头 -->
<vant-cell title="标题" is-link @click="handleClick" />

Props

属性 说明 类型 默认值
title 标题 string -
label 描述信息 string -
value 右侧内容 string -
icon 左侧图标 string -
is-link 是否显示右侧箭头 boolean false
clickable 是否可点击 boolean false
required 是否显示必填标记 boolean false
center 是否垂直居中 boolean false
border 是否显示下边框 boolean true
title-color 标题颜色 string -
title-size 标题字体大小 string -
value-color 值颜色 string -
value-size 值字体大小 string -
to 跳转链接 string -

Events

事件名 说明 回调参数
click 点击单元格时触发 event: any

Slots

插槽名 说明
icon 自定义左侧图标区域
value 自定义右侧内容区域
right-icon 自定义右侧图标区域

平台兼容性

  • H5 ✓
  • 小程序 ✓
  • App ✓

版本历史

  • v1.0.0 - 初始版本

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。