基于 Vue 2.0 的 Mobile 组件库 Vant

基于 Vue 2.0 的 Mobile 组件库 Vant

MIT
JavaScript
跨平台
2017-09-29
王练

Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各个移动端业务中。

Vant 旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。


特性

  • 组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱

  • 完善详实的 中文文档

  • 专门的设计师团队维护视觉规范,统一而优雅

  • 支持 babel-plugin-import

  • 单测覆盖率超过90%

建议搭配 webpack,babel 使用 Vant,这样可以使用 webpack 提供的丰富插件和个性化配置。Vant 支持了 babel-plugin-import,通过 babel 插件使用 Vant,可以优化代码体积,提高前端性能。

丰富实用的业务组件

Vant 不只是提供基础的UI组件,为了方便开发者快速构建移动商城,Vant 增加了许多移动商城内常用的业务组件。类似于sku选择优惠券选择省市县选择 等。

Vant 之后会不断丰富业务组件,逐渐完善成一个大的电商商城组件体系。不完整规划图如下:

的码云指数为
超过 的项目
加载中

评论(19)

Junwen1988
Junwen1988

引用来自“蒲池幸子”的评论

写惯jquery了,再去写vue好别扭啊
是滴
蒲池幸子
蒲池幸子
写惯jquery了,再去写vue好别扭啊
郭凯凯啊
郭凯凯啊
斯国一
臭哥笨弟
臭哥笨弟
期待更多组件,非常实用强大美观
小小晨被谁用了
步进器 的 事件 为什么会触发 好多遍
_neverland
_neverland
嘿嘿
凶猛的小老虎
为什么要摆脱vue
tkggusraqk
tkggusraqk
太多了,看看 cube,在搜索下,基于vue的现在有多少
javadeveloper
javadeveloper
@tkggusraqk 那你介绍一个比较好的移动端框架
Skyogo
Skyogo
还行,最好能摆脱vue

Vant 1.5.0 发布,轻量级移动端 Vue 组件库

Vant 1.5.0 已发布,更新内容如下: Breaking changes 1.5.0 版本统一图标规范并重绘了所有图标,同时增加约 100 个新图标。对于同一个图标,会提供实底和线框两种风格,以星星图标为例,sta...

2018/12/23 07:58

Vant 1.4.8 发布,轻量级移动端 Vue 组件库

Vant 1.4.8 已发布,更新内容如下: Improvements Sku: 新增 hide-quota-text 属性 #2216 ImagePreview: 新增 asyncClose 属性 #2198 ImagePreview: 新增 onClose 回调参数 #2197 ImagePrevi...

2018/12/06 07:28

Vant 1.4.7 发布,轻量级移动端 Vue 组件库

Vant 1.4.7 已发布,更新内容如下: Improvements 新增 Notify 消息通知组件 #2135 Cell: 新增 title-class、value-class、label-class 属性 #2138 Icon: 增加更多基础图标 #2159 #2169 Icon...

2018/11/29 07:16

Vant 1.4.5 发布,轻量级移动端 Vue 组件库

Vant 1.4.5 已发布,更新内容如下: Improvements Tab: 新增 animated 属性 #2126 Tab: 更新标题栏样式 #2120 Badge: 更新提示样式 #2122 Radio: 新增 checked-color 属性 #2129 Swipe: 新增...

2018/11/26 07:41

Vant 1.4.1 发布,有赞轻量级移动端 Vue 组件库

Vant 1.4.1 已发布,更新内容如下: Breaking changes 优化引入样式的文件路径(仅影响手动引入样式的方式)详见快速上手. #2021 支持基于 Less 变量的定制主题方式,不再支持原先的定制主题...

2018/11/05 07:29

Vant 1.3.10 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.10 已发布,更新内容如下: Improvements Field: 新增 focus 方法 #1987 Search: 新增 left-icon 插槽 #1974 CouponCell: 新增 border 属性 #1993 CouponCell: 优化优惠金额展示规则...

2018/10/30 10:43

Vant 1.3.5 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.5 已发布,更新内容如下: Improvements Tab: 样式升级 #1908 Badge: 样式升级 #1907 Dialog: 样式升级 #1906 NoticeBar: 样式升级 #1893 Collapse: 新增 disabled 属性 #1892 Tree...

2018/10/11 07:30

Vant 1.3.4 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.4 已发布,更新内容如下: Improvements Button: 新增 round 属性 #1885 Button: 优化禁用态样式 #1886 Card: 新增 tag 属性 #1878 Card: 新增 thumb-link 属性 #1879 ImagePreview...

2018/10/06 07:41

Vant 1.3.1 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.1 已发布,更新内容如下: Improvements 增加 vue-cli 3 使用介绍 #1754 Bug Fixes 修复 Button 加载图标颜色错误的问题 #1768 修复 ImagePreview 类型定义错误 #1767 修复 Tab 使用...

2018/09/08 07:27

Vant 1.3.0 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.0 已发布,更新内容如下: Breaking changes 升级至 babel 7, 同时组件库不再默认内置 Promise 兼容库 #1712 考虑到可维护性和实际需求,Sku 组件不再支持 i18n 国际化 #1734 Impr...

2018/09/01 07:06

没有更多内容

加载失败,请刷新页面

暂无问答

如何在小程序里面 使用支持npm导入第三方库

https://segmentfault.com/a/1190000016376876 以 有赞新出的vant小程序ui库来讲解如何导入npm资源 为例 第一步: 在小程序工程的根目录下执行: npm i vant-weapp -S --production 第二步:...

2018/09/30 15:35
117
0
Vue 组件库

1.kui 2.iview 3.mint-ui 4.VUE优秀UI组件库合集 5.Vant 轻量、可靠的移动端 Vue 组件库

2018/07/04 09:02
32
0
UI框架

一:angular开发UI 1. ui可以用饿了么开发的 https://ng.ant.design/docs/i18n/zh 二:AUI框架 1.h5开发UI http://www.auicss.com/doc/v/2 2.APICloud APP开发文档 https://docs.apicloud.co...

2018/06/21 17:20
23
0
billige ghd glattejern formålsbestemte destruktive

GHD standardsats serviceplan at afklare, hvilke kan omfatte omkostningerne ved at levere ydelser. Klart sende ødelagte ghds samt finansiering af fast renovering når Opretning...

2014/12/24 15:23
5
0
VBlog 的代码结构, 使用 vue-element, vue-vant 组件开发的纯前端博客

## 介绍 - VBlog 是一个纯前端, 无须服务器, 实现动态发布的博客 - 这个帖子主要介绍一下 VBlog 的原理, 使用的组件和代码结构 - 这是之前发的一个如何快速部署 VBlog 的帖子 [https://www.v...

2018/05/16 09:53
114
0
vue引入各类ui库

一、vue-cli引入各类库 1. Semantic UI (1)方式1:直接引入semantic-ui-css 本身集成并没有vue的部分,我们采用的方式是把ui-css部分拿来使用,js效果自己用jquery写到methods里 首先,我们...

2018/11/25 18:54
73
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部