Vant4 教程

  • Vant4 进阶用法

    介绍 通过本章节你可以了解到 Vant 的一些进阶用法,比如组件插槽用法、多种浏览器适配方式。 组件用法 组件注册 Vant 支持多种组件注册方式,请根据实际业务需要进行选择。 全…

    Vant4 教程 2023年4月28日
  • Vant4 常见问题

    如何自定义 Vant 组件的样式? 1. 主题定制 Vant 基于 CSS 变量提供了主题定制的能力,可以对组件样式进行统一修改,详见 ConfigProvider 全局配置 组件…

  • Vant4 更新日志

    提示 当前文档为 Vant 4 的更新日志,其他版本请参考: Vant 2 更新日志 Vant 3 更新日志 介绍 Vant 遵循 Semver 语义化版本规范。 发布节奏 修订号…

    Vant4 教程 2023年4月28日
  • Vant4 4.0 更新介绍

    引言 历经一年的迭代,Vant 4.0 版本已正式发布,这是 Vant 自 2017 年开源以来发布的第四个重要版本。 在本次迭代中,Vant 支持了深色模式,增加五个新组件,改善…

    Vant4 教程 2023年4月28日
  • Vant4 从 v3 升级到 v4

    介绍 本文档提供了从 Vant 3 到 Vant 4 的升级指南。 安装 Vant 4 首先你需要安装 Vant 4 以及 ​@vant/compat​。 ​@vant/compa…

    Vant4 教程 2023年4月28日
  • Vant4 贡献指南

    介绍 感谢你使用 Vant。 以下是关于向 Vant 提交反馈或代码的指南。在向 Vant 提交 issue 或者 PR 之前,请先花几分钟时间阅读以下内容。 Issue 规范 遇…

  • Vant4 设计资源

    介绍 本页面提供 Vant 的设计资源下载。 设计稿 组件设计稿(Sketch) 包含 Sketch 格式的色彩规范、字体规范、组件设计规范。 色彩规范 字体规范 组件规范 下载 …

    Vant4 教程 2023年4月28日
  • Vant4 风格指南

    介绍 在参与 Vant 开发时,请遵守约定的单文件组件风格指南,指南内容节选自 Vue 官方风格指南。 组件数据 组件的 data 必须是一个函数。 // bad exp…

    Vant4 教程 2023年4月28日
  • Vant4 Button 按钮

    介绍 按钮用于触发一个操作,如提交表单。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…

    Vant4 教程 2023年4月28日
  • Vant4 Cell 单元格

    介绍 单元格为列表中的单个展示项。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import { …

  • Vant4 ConfigProvider 全局配置

    介绍 用于全局配置 Vant 组件,提供深色模式、主题定制等能力。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } fro…

    Vant4 教程 2023年4月28日
  • Vant4 Icon 图标

    介绍 基于字体的图标集,可以通过 Icon 组件使用,也可以在其他组件中通过 icon 属性引用。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import {…

    Vant4 教程 2023年4月28日
  • Vant4 Layout 布局

    介绍 Layout 提供了 ​van-row​ 和 ​van-col​ 两个组件来进行行列布局。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { …

    Vant4 教程 2023年4月28日
  • Vant4 Popup 弹出层

    介绍 弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } …

  • Vant4 Space 间距

    介绍 设置元素之间的间距,从 ​v3.6.0​ 版本开始支持。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …

    Vant4 教程 2023年4月28日
  • Vant4 Style 内置样式

    介绍 Vant 中默认包含了一些常用样式,可以直接通过 className 的方式使用。 文字省略 当文本内容长度超过容器最大宽度时,自动省略多余的文本。 <!– 最多显示…

    Vant4 教程 2023年4月28日
  • Vant4 Calendar 日历

    介绍 日历组件用于选择日期或日期区间。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import …

    Vant4 教程 2023年4月28日
  • Vant4 Cascader 级联选择

    介绍 级联选择框,用于多层级数据的选择,典型场景为省市区选择。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from …

  • Vant4 Checkbox 复选框

    介绍 在一组备选项中进行多选。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import { Ch…

    Vant4 教程 2023年4月28日
  • Vant4 DatePicker 日期选择

    介绍 日期选择器,用于选择年、月、日,通常与弹出层组件配合使用。 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from…

    Vant4 教程 2023年4月28日