Vant4 教程
Vant4 进阶用法
介绍 通过本章节你可以了解到 Vant 的一些进阶用法,比如组件插槽用法、多种浏览器适配方式。 组件用法 组件注册 Vant 支持多种组件注册方式,请根据实际业务需要进行选择。 全…
Vant4 常见问题
如何自定义 Vant 组件的样式? 1. 主题定制 Vant 基于 CSS 变量提供了主题定制的能力,可以对组件样式进行统一修改,详见 ConfigProvider 全局配置 组件…
Vant4 更新日志
提示 当前文档为 Vant 4 的更新日志,其他版本请参考: Vant 2 更新日志 Vant 3 更新日志 介绍 Vant 遵循 Semver 语义化版本规范。 发布节奏 修订号…
Vant4 4.0 更新介绍
引言 历经一年的迭代,Vant 4.0 版本已正式发布,这是 Vant 自 2017 年开源以来发布的第四个重要版本。 在本次迭代中,Vant 支持了深色模式,增加五个新组件,改善…
Vant4 从 v3 升级到 v4
介绍 本文档提供了从 Vant 3 到 Vant 4 的升级指南。 安装 Vant 4 首先你需要安装 Vant 4 以及 @vant/compat。 @vant/compa…
Vant4 贡献指南
介绍 感谢你使用 Vant。 以下是关于向 Vant 提交反馈或代码的指南。在向 Vant 提交 issue 或者 PR 之前,请先花几分钟时间阅读以下内容。 Issue 规范 遇…
Vant4 设计资源
介绍 本页面提供 Vant 的设计资源下载。 设计稿 组件设计稿(Sketch) 包含 Sketch 格式的色彩规范、字体规范、组件设计规范。 色彩规范 字体规范 组件规范 下载 …
Vant4 风格指南
介绍 在参与 Vant 开发时,请遵守约定的单文件组件风格指南,指南内容节选自 Vue 官方风格指南。 组件数据 组件的 data 必须是一个函数。 // bad exp…
Vant4 Button 按钮
介绍 按钮用于触发一个操作,如提交表单。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…
Vant4 Cell 单元格
介绍 单元格为列表中的单个展示项。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import { …
Vant4 ConfigProvider 全局配置
介绍 用于全局配置 Vant 组件,提供深色模式、主题定制等能力。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } fro…
Vant4 Icon 图标
介绍 基于字体的图标集,可以通过 Icon 组件使用,也可以在其他组件中通过 icon 属性引用。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import {…
Vant4 Layout 布局
介绍 Layout 提供了 van-row 和 van-col 两个组件来进行行列布局。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { …
Vant4 Popup 弹出层
介绍 弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } …
Vant4 Space 间距
介绍 设置元素之间的间距,从 v3.6.0 版本开始支持。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …
Vant4 Style 内置样式
介绍 Vant 中默认包含了一些常用样式,可以直接通过 className 的方式使用。 文字省略 当文本内容长度超过容器最大宽度时,自动省略多余的文本。 <!– 最多显示…
Vant4 Calendar 日历
介绍 日历组件用于选择日期或日期区间。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import …
Vant4 Cascader 级联选择
介绍 级联选择框,用于多层级数据的选择,典型场景为省市区选择。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …
Vant4 Checkbox 复选框
介绍 在一组备选项中进行多选。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import { Ch…
Vant4 DatePicker 日期选择
介绍 日期选择器,用于选择年、月、日,通常与弹出层组件配合使用。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from…