共计 1734 个字符，预计需要花费 5 分钟才能阅读完成。
背景
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
