返回 首页

Vant3 中文教程

开始阅读
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Vant3 开发指南

Vant3 介绍
Vant3 快速上手
Vant3 进阶用法
Vant3 更新日志
Vant3 从v2升级
Vant3 贡献指南
Vant3 设计资源
Vant3 风格指南
Vant3 国际化

Vant3 基础组件

Vant3 Button按钮
Vant3 Cell 单元格
Vant3 ConfigProvider 全局配置
Vant3 Icon 图标
Vant3 Image 图片
Vant3 Layout 布局
Vant3 Popup 弹出层
vant3 内置样式
Vant3 Toast 轻提示

Vant3 表单组件

Vant3 Calendar日历
Vant3 Cascader 级联选择
Vant3 Checkbox复选框
Vant3 DatetimePicker 时间选择
Vant3 Field 输入框
Vant3 Form 表单
Vant3 NumberKeyboard 数字键盘
Vant3 PasswordInput 密码输入框
Vant3 Picker 选择器
Vant3 Radio 单选框
Vant3 Rate 评分
Vant3 Search 搜索
Vant3 Slider 滑块
Vant3 Stepper步进器
Vant3 Switch 开关
Vant3 Uploader 文件上传

Vant3 反馈组件

Vant3 ActionSheet 动作面板
Vant3 Dialog 弹出框
Vant3 DropdownMenu 下拉菜单
Vant3 Loading 加载
Vant3 Notify 消息提示
Vant3 Overlay 遮罩层
Vant3 PullRefresh 下拉刷新
Vant3 ShareSheet 分享面板
Vant3 SwipeCell 滑动单元格

Vant3 展示组件

Vant3 Badge 徽标
Vant3 Circle 环形进度条
Vant3 Collapse 折叠面板
Vant3 CountDown 倒计时
Vant3 Divider 分割线
Vant3 Empty 空状态
Vant3 ImagePreview 图片预览
Vant3 Lazyload 懒加载
Vant3 List 列表
Vant3 NoticeBar 通知栏
Vant3 Popover 气泡弹出框
Vant3 Progress 进度条
Vant3 Skeleton 骨架屏
Vant3 Steps 步骤条
Vant3 Sticky 粘性布局
Vant3 Swipe 轮播
Vant3 Tag 标签

Vant3 导航组件

Vant3 ActionBar 动作栏
Vant3 Grid 宫格
Vant3 IndexBar 索引栏
Vant3 NavBar 导航栏
Vant3 Pagination 分页
Vant3 Sidebar 侧边导航
Vant3 Tab 标签页
Vant3 Tabbar 标签栏
Vant3 TreeSelect 分类选择

Vant3 业务组件

Vant3 AddressEdit 地址编辑
Vant3 AddressList 地址列表
Vant3 Area 省市区选择
Vant3 Card 卡片
Vant3 ContactCard 联系人卡片
Vant3 ContactEdit 联系人编辑
Vant3 ContactList 联系人列表
Vant3 Coupon 优惠券选择器
Vant3 SubmitBar 提交订单栏

Vant3 组合式API

Vant3 组合式API介绍
Vant3 useToggle
Vant3 useCountDown
Vant3 useCustomFieldValue
Vant3 useRect
Vant3 useEventListener
Vant3 usePageVisibility
Vant3 useScrollParent
Vant3 useWindowSize
Vant3 useRelation
Vant3 useClickAway

Vant3 废弃内容

Vant3 定制主题

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }