跨端兼容的UI库
2019-06-25 本文已影响4人
瑟闻风倾
1. 比较各种ui库/ui框架/ui组件
(1) elementUI、MUI:传统的vue库,仅支持H5
`拓展:web组件库有 bootstrap、jquary-weui(移动)、layUI、拼图、elementUI(vue)、MUI(vue)等
(2) vant:有赞移动端 Vue 组件库
(3) weUI 和 vant-weapp
- weUI:微信小程序的基础样式库
- vant-weapp:有赞微信小程序端的UI组件库(微信小程序自定义组件UI),在uni-app开发中使用时仅支持微信小程序和app
2. 跨端兼容的UI框架(基于uni-app的UI组件库)
备注
:跨端兼容的UI框架需是基于vue的无dom操作的库,最好是纯flex布局
- uni-ui:DCloud提供的一个跨端ui库,它是基于vue组件的、flex布局的、无dom的跨全端ui框架
- ColorUI:纯flex布局的跨全端的自定义Css组件库(免费、原作者维护)
- GraceUI:以flex布局为基础的跨全端的优秀前端UI框架,分别有支持微信小程序的UI库和支持uniApp的UI库(收费、原作者维护)
3. uni-app开发UI相关
2.1 内置组件(与微信内置组件相同):官方文档-组件
备注
:基础组件的性能高于拓展组件,uni-app将常用组件和api进行了跨平台封装,可满足大部分的业务需求;开发时先使用基础组件,不满足业务需求时再使用拓展组件来补充。
2.2 拓展组件(uni-ui):官方文档-组件-拓展组件
2.3 更多ui库和模板:插件市场(ColorUI /GraceUI)
2.4 其他基于vue的无dom操作的库:zanUI-mpvue/iview-mpvue(不是原作者维护也不是纯flex布局,仅作为了解)