Vant 移动端元件库/微信小程序元件库+行业模块页面模板

本作品元件部分依据Vant4.0版本：https://youzan.github.io/vant/#/zh-CN/绘制，页面模板依据支付宝设计Dapollo绘制，版权归有赞及支付宝所有。

元件包含：基础组件、表单组件、反馈组件、展示组件、导航组件、业务组件、其他组件七大模块。

基础组件：颜色、字体、按钮、单元格、图标、图片、布局、弹出框、内置样式；

表单组件：日历、复选框、级联选择、时间选择、输入框、数字键盘、密码输入框、选择器、单选按钮、评分、搜索、滑块、步进器、开关、开关单元格、文件上传；

反馈组件：上拉菜单、弹出框、下拉菜单、加载、消息提示、遮罩层、下拉刷新、滑动单元格、轻提示；

展示组件：环形进度条、折叠面板、倒计时、分割线、图片预览、图片懒加载、通知栏、面板、进度条、骨架屏、步骤条、粘性布局、轮播、标记；

导航组件：宫格、抽屉、索引栏、导航栏、分页、侧边导航、标签页、标签栏、分类选择；

业务组件：地址编辑、地址列表、省市区选择、卡片、联系人、优惠券选择器、商品导航、提交订单栏、商品规格；

统计图组件：折线图、柱状图、条形图、饼图、面积图、散点图、雷达图、热力图、漏斗图；

其他组件：状态栏、头像、键盘、徽章、结果；

页面模板包含：通用页面模板、教育页面模板、医疗页面模板、教育页面模板、新闻资讯页面模板、电商零售页面模板。

通用页面模板：我的页面（6张）、设置页面（2张）、注册登录（13张）、搜索页面（3张）、城市选择页面（2张）、基础列表页面（3张）、结果页面（4张）；

教育页面模板：课程展示模块（7）、教育课程门户（5）、课程详情（1）、课程分类（1）；

医疗页面模板：医生卡片模块（5）、医院卡片模块（5）、健康卡片模块（3）、咨询类模块（3）；

新闻资讯页面模板：新闻资讯门户（5）、新闻详情（3）、新闻模块（4）；

电商零售：电商展示（4）、促销类（1）、外卖点餐（3）、电商模块（9）；

使用该作品可快速构建移动端/小程序产品。

作品包含演示文件、元件库文件、图标库文件。

本作品一次购买，永久免费升级（老用户点击网站左上角【交易记录】查找对应订单，重新下载即为最新版本）。

2024.04.03更新

• 新增【横向滚动】组件：基本用法、遮罩层位置、遮罩层阴影样式、遮罩层半透明阴影样式、自定义遮罩内容、无遮罩；

2024.04.03更新

• 新增【  快捷入口】组件：基本用法、轮播展示、单行展示、滑动展示；

2024.03.19更新

• 新增【 搜索历史】组件：基本用法、自定义标题文案、自定义 SearchBar、添加搜索发现额外信息、数据操作；

2024.03.05更新

• 新增【 直播】组件：商品直播 一行一、商品直播 一行二、商品直播 一行三、会场直播 一行二 无商品、会场直播 一行二 有商品；

2024.02.18更新

• 新增【 订单取消面板】组件：基础用法、带有温馨提示的组件、带有其它原因选项的组件、checkbox框选择在前面、放回购物车；

2023.11.8更新

• 新增【 订单备注】组件：新增基础、带标签、自定义文案；

2023.10.15更新

• 新增【 缩放】组件：新增基础用法、滚动缩放；

2023.09.13更新

• 新增【 引导】组件：新增基础用法、自定义样式、设置偏移量、自定义内容、步骤引导；

2023.08.08更新

• 新增【 趋势箭头】组件：新增基础用法、改变文字颜色、指定小数位、箭头在前、显示正负号、自定义颜色；

2023.07.25更新

• 新增【 翻滚文本】组件：新增基础用法、设置翻滚方向、从个位停止、翻转非数字内容、自定义样式及手动控制；

2023.07.03更新

• 更新【浮动气泡】组件：新增两侧磁吸、双向绑定；

2023.05.31更新

• 新增【弹幕】组件：新增基础用法弹幕、模仿视频弹幕；

2023.05.17更新

• 更新【水印】组件：更新与官方一致，新增自定义间隔、自定义倾斜角、自定义显示范围；
• 更新【签名】组件；更新与官方一致，新增自定义线宽；

2023.04.23更新

• 新增【占位图片】组件：新增1:1/4:3/3:2/16:10/1.618:1/16:9/2:1/5:2/3:1/1:1.618/2:3/3:4占位图片；

2023.04.06更新

• 新增【指标卡片】组件：新增单指标卡片、多指标卡片、带标题指标卡片、多级指标卡片、指标卡片带筛选；

2023.03.13更新

• 更新【页脚】组件：保持与官方一致，包含:订单保障、单独logo、带文案说明、带链接、不同颜色、综合页脚；

2023.02.05更新

• 更新【基础组件】模块：主题样式保持与官方V4.0一致；
• 更新【返回顶部】组件：新增官方蓝色样式；
• 更新【轻提示】组件：新增换行时截断单词、换行时不截断单词、使用 Toast 组件；
• 更新【弹出层】组件：新增监听事件弹出层；

2022.12.08更新

• 更新【间隔】组件：更改为和官方一致；
• 更新【环形进度条】组件：新增左侧起始、右侧起始、底部起始；

2022.10.18更新

• 新增【发布视频】组件：新增发布单视频、发布多视频；

2022.09.20更新

• 新增【选择器组】组件：新增选择日期时间、选择日期范围、选择时间范围；

2022.09.01更新

• 新增【刻度尺】组件：新增基础用法、设置最值、触发、自定义step展示文案、自定义step展示位置；

2022.08.18更新

• 新增【下拉面板】组件：基础用法、多列样式、自定义方向、自定义下拉节点、使用分组自定义下拉内容；

2022.08.04更新

• 新增【循环动画】组件：新增抖动、漂浮、心跳、呼吸灯、擦亮动画；

2022.07.20更新

• 更新【宫格】组件：新增滑动宫格、更多宫格；
• 更新【评分】组件：新增笑脸评分；
• 更新【标签栏】组件：新增仅图标、仅文字；
• 更新【开关】组件：新增直角开关；

2022.07.6更新

• 新增【车牌号】组件：新增基础用法；
• 更新【文本省略】组件：新增头部展开、中间展开、尾部展开；

2022.06.22更新

• 新增【评论】组件：评论为空、一级评论、回复评论、带子集评论、评论操作、评论输入框；

2022.06.08更新

• 新增【分享海报】组件：新增图片横向分享、图片竖向分享、视频横向分享、视频竖向分享；
• 新增【链接】组件：新增基础用法、显示下划线、禁用链接、自定义颜色；

2022.05.24更新

• 新增【商品评论】组件：新增评论单行展示、评论图片多行展示、带客服回复评论、带追评评论；

2022.05.11更新

• 新增【电子卡】组件：新增基础用法；
• 新增【商品分类】组件：新增经典模式、只显示文字；
• 更新【快递时间】组件：新增可选择多个日期时间；

2022.04.06更新

• 新增【素材】组件：新增图片素材、文章素材、音频素材、视频素材；
• 新增【基础】页面：新增兴趣选择和引导关注；

2022.03.09更新

• 新增【音频】组件：新增基础用法、语音播放、进度条展示、自定义操作按钮；
• 新增【侧边栏导航】组件：新增左侧侧边栏导航、右侧侧边栏导航；

2022.02.23更新

• 新增【水印】组件：新增文字水印、图片水印；
• 更新【表格】组件：新增显示总结栏表格、斑马纹表格、无数据表格、自定义单元格表格、支持排序表格；

2022.02.09更新

• 更新【倒计时】组件：新增带方形底、带圆形底、带单位、无底色带单位；
• 更新【宫格】组件：新增带描述宫格；
• 更新【标签】组件：新增省略文字标签、可选中标签；
• 更新【图片】组件：新增图片规格；
• 更新【骨架屏】组件：新增图片组合、加载动画；

2022.01.10更新

• 更新【弹出框】组件：长文案弹出框、警示确认框、多操作确认框、输入弹出框、带描述输入弹出框；
• 更新【返回顶部】组件：新增圆形返回顶部、新增半圆返回顶部；
• 更新【导航】组件：新增小程序直播导航、返回主页按钮、搜索导航按钮、自定义品牌导航、自定义图片导航；

2021.12.27更新

• 更新【分割线】组件：新增垂直分割线、纯文本；
• 更新【头像】组件：新增头像列表；
• 更新【徽标】组件：新增角标；
• 更新【单元格】组件：新增头像单元格、图片单元格；
• 新增【页脚】组件：新增基础页脚、基础加链接页脚、品牌页脚；

2021.12.13更新

• 新增【间距】组件：包含水平方向的间距、垂直方向的间距、换行、自定义间距大小、主轴对齐方式、交叉轴对齐方式；
• 新增【选择组】组件：包含单选、多选、禁用、固定两列、固定三列、自定义颜色；
• 新增【浮动气泡】组件；

2021.11.29更新

• 新增【胶囊选项卡】组件：包含基本用法、超长自动滚动、没有内容区、禁用；
• 新增【复杂选项卡】组件：包含基本用法、超长自动滚动、没有内容区、禁用；
• 新增【浮动面板】组件；

2021.11.14更新

• 新增【发票】模板：包含发票列表、新增发票、重开发票、重发发票，抬头列表、新建抬头、编辑抬头；

2021.10.25更新

• 新增【脱敏】组件：新增基础用法、受控组件；
• 新增【文本省略】组件：新增尾部省略、头部省略、中间省略、多行省略；
• 新增【页面指示器】组件：新增基础、白色、自定义大小和颜色；

2021.10.09更新

• 新增【文本域】组件：新增基础用法、显示字数统计、只读、禁用；
• 新增【短密码】组件：新增基础用法、显示按钮组、自定义密码长度和错误提示语；

2021.09.23更新

• 新增【悬浮导航】组件：新增基础用法、左侧展开、默认展开、自定义；
• 新增【签名】组件：新增基础用法、修改颜色和签字粗细；

2021.09.09更新

• 新增【视频播放器】组件：新增基础用法、引用视频链接、弹幕；
• 新增【数字滚动】组件：新增基础用法、小数点两位、向上滚动；

2021.08.25更新

• 新增【拖拽】组件：新增基础用法、限制拖拽位置、回到原先位置、限制拖拽边界；
• 新增【回到顶部】组件：新增基础用法；

2021.07.26更新

• 更新【单元格】组件：新增卡片风格单元格；
• 更新【数字键盘】组件：新增随机数字键盘；
• 更新【密码输入框】组件：新增格子间距；
• 更新【范围选择器】组件：新增垂直方向；
• 更新【徽标】组件：更新基础用法、定义最大值、自定义颜色、自定义内容、独立展示；
• 新增【价格】组件：新增基础用法、价格单位、价格颜色、价格区间、删除态价格、自动补零；

2021.06.29更新

• 新增【邀请积分】页面模板：新增我的积分、积分规则、积分记录、我的邀请、邀请记录、邀请排名等功能；

2021.06.15更新

• 新增【身份证】页面模板：新增实证认证、实人认证、身份证OCR等功能，计7个页面；

2021.05.25更新

• 新增【分段器】组件：新增基本分段器、主题分段器、禁用分段器、多段分段器；
• 新增【码】组件：包含条形码、二维码、验证码；

2021.05.11更新

• 新增【信息流列表】组件：新增纯文本、文本单图、文本三图、大图、文本视频，大视频；
• 新增【图片标签】组件：文本标签、图标标签、图文标签、图片示例；

2021.04.26更新

• 新增【账户】模块页面模板：包含我的账户、绑定银行卡、查看资金明细、提现等9个页面；

2021.04.12更新

• 更新【折线图】：新增折线图平移、曲线平移、折线描点、动态折线图；
• 更新【饼图】：新增可点击的文本、嵌套环形图、嵌套环图点击、环形进度条、圆角进度条；

2021.03.22更新

• 新增【表格】组件：基础表格，无分割线表格、内容无分割线表格、合并单元格表格；
• 新增【颜色选择】组件：基础颜色选择、在cell中颜色选择，无标题cell颜色选择；

2021.03.08更新

• 新增【红包】组件：新增4种类型红包，样式包含未使用、已使用、已过期；
• 新增【浮动按钮】组件：包含上、下、左、右、中5种样式；

2021.02.22更新

• 更新【折叠面板】组件：新增查看更多、查看更多自定义展开样式；
• 新增【排序按钮】组件：新增基本用法、允许重置、优先切换为降序、不支持选中；
• 新增【单复选选择器】组件：新增基本用法、禁用选项、靠右展示；

2021.01.25更新

• 新增【内容卡片】组件：默认卡片、大图卡片、头像卡片、图片位置、纯文字卡片、通栏卡片；
• 新增【图片裁剪】组件：正方形裁剪、矩形裁剪（横）、矩形裁剪（竖）；

2021.01.11更新至最新版本

• 新增【级联选择】组件；
• 新增【抽屉】组件；

2020.12.21更新

• 更新【折线图】：新增无障碍折线图；
• 更新【柱状图】：新增开启无障碍柱状图；
• 新增【金字塔图】：新增基础金字塔图、有间距金字塔图、旋转向下金字塔图；
• 新增【漏斗图】：新增基础漏斗图、有间距漏斗图；
• 更新元件名称，所有组件加上分类名称，便于搜索；

2020.11.11更新

• 新增基础组件【锚点】；
• 新增业务组件【选择配送时间】；
• 更新基础组件【徽标】：基础用法、定义消息最大值、自定义内容、点状类型；
• 更新基础组件【标签】：基础用法、样式风格、标签大小、自定义颜色；

2020.10.12更新

• 更新【时间选择】：新增时分秒选择、新增日期时间选择、新增日期区间选择、新增时间区间选择；
• 更新【导航栏】：新增iPhoneX底部导航；
• 新增【气泡弹出框】：新增基础样式、黑色样式、带图标样式、自定义样式；

2020.09.14更新至Vant2.16版本

• 更新【轻提示】组件：新增顶部提示、底部提示；
• 更新【弹出框】组件：更新页面样式；
• 更新【统计图】模块：依据AntV F2重新绘制35张统计图；

2020.08.11更新至Vant2.10版本

• 更新【按钮】：更新图标按钮、渐变按钮；
• 更新【轻提示】：更新展示样式；
• 更新【日历】：新增自定义周起始日；
• 更新【时间选择】：新增自定义排序；
• 更新【文件上传】：更新样式，新增限制上传大小、自定义预览样式；
• 更新【弹出框】：新增按钮样式；
• 更新【消息提示】：新增组件调用；
• 更新【通知栏】：新增垂直滚动；

2020.07.21更新

• 新增消息模块：消息列表、聊天消息、粉丝关注消息、点赞消息、评论互动消息、系统消息；

2020.06.30更新

• 更新我的模块：资料列表、修改头像、裁剪照片、编辑昵称、编辑简介、编辑学习经历、编辑学习经历、扫一扫、我的二维码、意见反馈，合计10个页面；

2020.06.18更新

• 更新注册登录页面模块：修改页面样式，添加页面跳转交互，新增运营商一键登录页、选择手机号归属地、第三方登录、用户服务协议等注册登录常见页面；

2020.06.11更新

• 新增：区间柱状图、渐变柱状图、带负值的分组柱状图、区间条形图、带标签饼图、带标签环形图、玫瑰图、使用对比量散点图

2020.06.02更新至Vant2.8.4版本

• 更新【时间选择】：新增月日选择；
• 更新【数字键盘】：更新全部键盘样式；
• 更新【密码输入框】：更新全部键盘样式；
• 更新【新选择器】：更新添加标题；
• 更新【步进器】：新增圆角风格；

2020.05.26更新

• 新增统计图【面积图】：单面积图、多面积图、堆叠面积图、百分比面积图；
• 新增统计图【散点图】：单散点图、多散点图、气泡图、多色气泡图；
• 新增统计图【雷达图】：单线雷达图、多线雷达图；
• 新增统计图【饼图图】：热力图、不均匀热力图；

2020.05.18更新

• 新增统计图【折线图】：单折线图、多折线图、单阶梯图、多阶梯图；
• 新增统计图【柱状图】：单折线图、多色柱状图、分组柱状图、堆叠柱状图、百分比堆叠柱状图、瀑布图、直方图；
• 新增统计图【条形图】：单条形图、多色条形图、分组条形图、堆叠条形图、百分比堆条形状图、瀑布图、直方图；
• 新增统计图【饼图】：饼图、环形图；

2020.04.29更新

• 新增【电商零售】业务组件：电商展示（4）、促销类（1）、外卖点餐（3）、电商模块（9）；

2020.04.29更新

• 新增【新闻资讯】业务组件：新闻资讯门户（5）、新闻详情（3）、新闻模块（4）；

2020.04.19更新

• 新增【空状态】组件：基础用法、通用错误、网络错误、自定义图片、底部内容；
• 新增【分享面板】组件：基础用法、展示多行选项、自定义图标、展示描述信息；

2020.04.12更新

• 新增【医疗行业】业务组件：医生卡片模块（5）、医院卡片模块（5）、健康卡片模块（3）、咨询类模块（3）；
• 新增【教育行业】业务组件：课程展示模块（7）、教育课程门户（5）、课程详情（1）、课程分类（1）；

2020.04.08更新

• 新增【通用页面模板】：我的页面（6张）、设置页面（2张）、注册登录（3张）、搜索页面（3张）、城市选择页面（2张）、基础列表页面（3张）、结果页面（4张）；

2020.03.22更新

• 新增【文章】组件：基础文章样式；
• 新增【幕帘】组件：上方关闭幕帘、下方关闭幕帘、左上关闭幕帘、右上关闭幕帘、左下关闭幕帘、右下关闭幕帘；
• 新增【范围选择】组件：基础用法、自定义样式、禁用；

2020.03.09更新

• 同步升级至2.5.4版本；
• 新增【小程序导肮】组件：一级导航、二级导航、语音导航、定位导航，提供蓝白双色；
• 更新【日历】组件：新增日期选择最大范围；

2020.02.18更新

• 同步升级至2.5.0版本；
• 新增rplib元件库文件；

2020.02.09大版本更新

• 依据最新版本重新绘制所有模块。

2019.08.18更新

• 优化元件库分组；
• 新增业务组件（商品卡片、提交订单栏集合、 商品导航）

作品预览（点击）：

Web元件库推荐（不包含在本作品内）

web元件库 ElementUI元件库+后台模板页面（支持Axure8、9、10）