uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
uni-app
真正实现一套代码,多端运行,符合国人的实际需求场景,经过多年发展,已经算是一个比较成熟的框架了,uni-app
自己官方也提供了组件库,但是 UI 上还是比较简约,市面上就陆陆续续出现了一些第三方 UI 组件库,接下来整理一些相对较好的 uni-app
UI 组件库。
wot-design-uni
一个基于Vue3
+ TS
开发的 uni-app
组件库,提供 70+
高质量组件,支持暗黑模式、国际化和自定义主题。文档地址:https://wot-design-uni.pages.dev
uv-ui
uv-ui
兼容vue3+2
、app
、h5
、小程序
等多端基于 uni-app
和 uView2.x
的生态框架,支持单独导入,开箱即用,利剑出击。文档地址:https://www.uvui.cn/
uview-plus
uview-plus
是 uni-app 全面兼容 nvue
的 uni-app
生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。文档地址: https://uiadmin.net/uview-plus/
tuniao UI Uniapp V3
TuniaoUI vue3 uniapp
是一款基于 uniapp
、vue3
、Typescript
进行开发的 UI
组件库,提供丰富的组件进行快速开发,支持微信小程序
、APP
和 H5
,包含常用表单组件、信息展示组件等,并提供丰富的酷炫页面模板。文档地址:https://vue3.tuniaokj.com
适配框架程度
如果你需要适配多个框架,那么 uv-ui
,uview-plus
会是更好的选择,下面是每个 UI 框架目前的适配情况。个人更喜欢的是 uv-ui
。
框架 | wot-design-uni | uv-ui | uview-plus | Tuniao UI Uniapp V3 |
---|---|---|---|---|
H5 | ✓ | ✓ | ✓ | ✓ |
Android | ✓ | ✓ | ✓ | ✓ |
iOS | ✓ | ✓ | ✓ | ✓ |
微信小程序 | ✓ | ✓ | ✓ | ✓ |
支付宝小程序 | ✓ | ✓ | ✓ | ✓ |
钉钉小程序 | ✓ | ✓ | ✓ | ❌ |
百度小程序 | ❌ | ✓ | ✓ | ❌ |
QQ 小程序 | ❌ | ✓ | ✓ | ❌ |
头条小程序 | ❌ | ✓ | ✓ | ❌ |
上述这几款 UI 组件库都是免费的,开源不易,有能力也可以多多支持。