前端衡量UI组件库的标准:
1、当前组件库特点是否适合自己开发的网站,是否满足自己的需求。
2、UI组件库的大小。(组件库的大小影响项目整体大小,影响加载时间)
3、当前UI组件库是否在维护当中。(BUG修复,以及组件的扩充和优化)
UI组件库:具体大小根据实际下载大小为准,gitHub上代码是经过极致压缩的,可以当作参考。
1、WeUI
特点:微信官方设计,样式风格贴近微信样式。小程序最友好的API,官方下载量最高。 维护中
效果:https://weui.io
开发文档参考:https://github.com/Tencent/weui/wiki
2、Vant Weapp
特点:有赞官方开发,适合做电商,提供的UI组件完全满足电商网站需求。下载量仅次于WeUI。维护中 (用过 Vant 移动版本) (推荐)
GitHub 地址:https://github.com/youzan/vant-weapp
开发文档参考:https://youzan.github.io/vant-weapp/#/intro
3、iView Weapp
特点:适合常规网站开发。下载量仅次于iView Weapp。维护中 (用过 iView 移动版本)
GitHub 地址:https://github.com/TalkingData/iview-weapp
开发文档:https://weapp.iviewui.com/docs/guide/start
4、ColorUI
特点:炫酷的CSS样式,对网站样式要求饱满的可以考虑。生态较小,部分还在开发中。维护中
GitHub 地址:https://github.com/weilanwl/ColorUI
开发文档参考(编辑中):https://www.color-ui.com
5、Wux Weapp
特点: 目前小程序UI组件库中最丰富的UI组件库,完全满足电商网站需求代码整体体积较大。维护中 (推荐,二维码,条形码支持)
6、Taro UI
特点:京东团队开发。适合多端适配的组件库,H5、小程序、RN。使用Trao框架可以考虑(框架基于React语法,用过Taro框架,多端适配坑较多),维护中
GitHub 地址:https://github.com/NervJS/taro-ui
开发文档:https://taro-ui.aotu.io/#/docs/introduction
7、MinUI