背景
unibest
作为最好的 uniapp
开发模板,那 UI 框架
的抉择也是要认真斟酌的。
unibest
作为 uniapp + vue3 + ts
的我的项目,天然也要抉择满足 vue3
的 UI库
,所以像 vue2
时代的 uview
就不思考在内了。然而在 uview
的根底上衍生进去的反对 vue3
的 uview 系
的 ui框架
还有不少,而且热度很高。
再来说说官网保护的 uni-ui
,反对全端,而且有类型提醒,目前曾经内置到 unibest
了,如果用户的确用不到外面的组件也能够删除,缩小包体积。
TIPS:uni-ui
自身是js
开发的,然而官网提供了齐备的类型提醒( by@uni-helper/uni-ui-types
)所以看起来就像是ts
开发的一样,开发体验很好。所有的组件都有提醒,很不便,很贴心。
UI 框架
通过搜查了一番,目前加入比照的 UI 框架有:
- uview-plus (uveiw 系) - 文档地址
- uv-ui (uveiw 系) - 文档地址
- Wot Design Uni (wot 系) - 文档地址
- TuniaoUI (图鸟系) - 文档地址
还有 2 个 UI 框架也很优良,然而局部组件开源收费,局部组件免费:
- ThorUI 文档链接
- FirstUI 文档链接
舒适提醒:
- 免费没有对错,开源作者也要恰饭,须要有支出,光为爱发电可能半路夭折,或者品质很差。只有做得好,他人违心买,提供优质的服务,也是极好的。PS:人家不仅提供付费组件,还会提供很多模板,比方登录页面,
100元
一套,性价比还是不错的。2.当然了
unibest
作为开源库,天然会抉择收费的UI 框架
,上面咱们就来比照一下下~
UI 框架比照
1. 开源热度
截止到 2024-02-20
发表文章时的数据:
UI 框架 | uview-plus | uv-ui | Wot | TuniaoUI |
---|---|---|---|---|
github stars | 291 | 358 | 226 | 141 |
gitee stars | 126 | 555 | 35 | - |
github forks | 73 | 16 | 31 | 12 |
gitee forks | 5 | 40 | 6 | - |
其实到这里就一决高下了,uview
系的 2 位胜出,而且 uv-ui
以小小劣势胜过 uview-plus
。再通过人眼察看和比照两者官网的组件,最终咱们选定 uv-ui
作为咱们的 UI 框架
。
源码仓库地址展现如下,_纯正为了不便大家查阅_ (尽管大概率你们也不会去拜访,/手动狗头)
UI 框架 | github repo url | gitee repo url |
---|---|---|
uview-plus | https://github.com/ijry/uview-plus | https://gitee.com/uiadmin/uview-plus |
uv-ui | https://github.com/climblee/uv-ui | https://gitee.com/climblee/uv-ui |
Wot | https://github.com/Moonofweisheng/wot-design-uni | https://gitee.com/wot-design-uni/wot-design-uni |
TuniaoUI | https://github.com/tuniaoTech/tuniaoui-rc-vue3-uniapp | - |
接着奏乐接着舞,咱们持续注释 ^\_^
2.多端反对状况
UI 框架 | uview-plus | uv-ui | Wot | TuniaoUI |
---|---|---|---|---|
h5 | ✅ | ✅ | ✅ | ✅ |
app(ios) | ✅ | ✅ | ✅ | ✅ |
app(android) | ✅ | ✅ | ✅ | ✅ |
微信小程序 | ✅ | ✅ | ✅ | ✅ |
QQ 小程序 | ✅ | ✅ | ❌ | ❌ |
百度小程序 | ✅ | ✅ | ❌ | ❌ |
支付宝小程序 | ✅ | ✅ | ❌ | ✅ |
头条小程序 | ✅ | ✅ | ❌ | ❌ |
3.组件数量
UI 框架 | uview-plus | uv-ui | Wot | TuniaoUI |
---|---|---|---|---|
总数 | 67 | 67 | 62 | 55 |
根底组件 | 11 | 8 | 8 | 5 |
表单组件 | 17 | 16 | 20 | 14 |
数据组件 | 4 | 13 | 18 | 4 |
反馈组件 | 10 | 8 | 16 | 8 |
布局组件 | 9 | 7 | - | 8 |
导航组件 | 8 | 8 | 7 | 5 |
其余组件 | 8 | 7 | - | 5 |
内容组件 | - | - | - | 6 |
4.ts 反对状况
很可怜,下面几个都不反对 ts
,没有类型提醒,只能对着它们的文档撸代码。
总结
很快乐咱们曾经为宇宙最强 uniapp
开发模板 unibest
选好了 UI 组件库
,uv-ui
是最终的幸运儿。为此我特意去 uv-ui
官网外面捐献了一杯咖啡钱给作者,开源不易,要反对一下。
其实另外几个 UI框架
我也捐了几块钱,聊表心意,示意反对。
好文举荐
2024 年最好用的 uniapp 开发模板,近一个月 star 数飙升! - 点赞数:274, 珍藏数:581