大家好,我是农村程序员,独立开发者,行业观察员,VSCode 插件批发商,前端之虎陈随易。
我会在这里分享关于 独立开发、编程技术、思考感悟 等内容,欢迎关注。
- 网站 1️⃣:https://chensuiyi.me
- 网站 2️⃣:https://me.yicode.tech
技术群与交朋友请在个人网站 👆 联系我,如果你觉得本文有用,一键三连 (点赞、评论、转发),就是对我最大的支持~
前两天,我发了这样一篇文章,推荐自己在用的全平台的前端 UI 库 - TDesign,主要用来解决我之前用 UI 框架遇到的 2 个问题。
- ElementUI 设计审美疲劳了。
- Arco-design-vue 7 个月没更新了。
基于此,经过一番调研,我选择了腾讯的TDesign作为我的主要 UI 框架,但是在实际使用中,也遇到了 2 个问题。
- 组件风格稍显蓬松,就是比较大气,但是不够精致。
- 弹框组件不能从中间弹出,而是从点击的按钮处飞过来。
上面的第 1 个问题,倒是没有太大影响,比起 7 个月没更新来说,这个还是可以忍受的。
但是,弹框组件不是从屏幕中间出现,而且不能设置,只能从旁边飞出,让我这种有时候对细节比较讲究的人来说,是无法忍受的。

如上动图,仔细看,弹框是从点击的按钮处斜着飞到屏幕中间的,这种体验令人极其难受,就好比把蛋糕切成了不规则的七巧板。
我了一遍设置参数,没有地方可以控制,或许用自定义 css 可以打补丁,但我也无法忍受这种用补丁来解决问题的方案。
所以,我又开始调研 UI 框架了,目前暂定了tinyvue这个 UI 框架,看看实际效果如何。

风格还是比较精致的,有一点shadcn/ui的感觉,而且弹框终于是从屏幕中间显示,而不是从一边飞出来了。
但也有一个令人不安的问题,就是不能完全居中显示,只能设置距离顶部多远的top属性,没有垂直且水平居中的center属性。
但总体来说呢,还是可以忍受的,因为实在是忍受不了从侧边飞出的割裂感。
另外,也有一些其他优点,一个个分享下。

自带了图表功能,一些图表数据的展示,不用额外安装和学习第三方图表库的使用了。

自带了图片剪裁功能,这个非常实用。

自带了走马灯功能,这个以前的网站经常用,现代化 UI 库带这个组件的不多见。

还有诸如流程图、思维导图、二维码等实用组件,在关键时刻可以非常方便地集成使用。
我曾经说过,我不用VSCode、我不写Vue、我不喜欢用 AI 写代码,但现在呢,我只用 VSCode、只用 Vue、代码 90%都是 AI 写的。
包括 UI 框架,我也体验过各种类型。我不知道一个有追求的程序员应该是怎样的,但真实地体验,客观地评价,追求更符合自己感受的 UI 框架,应该也是一种追求吧。
这也是我写成文章分享的原因,希望我的追求,可以给需要的朋友,提供一些参考价值。
最后呢,银弹理论真是哪里都存在啊,难道就没有银弹级 UI 框架吗?欢迎评论留言,告诉我你觉得是银弹的 UI 框架。
🔥 推荐我正在用的好物:
- 高防服务器,亚洲云 👉 https://www.asiayun.com/aff/WVZEPCDS
- 高防 CDN,蓝易云 👉 https://www.tsyvps.com/aff/YHTEOVFE
- 国产编程语言,MoonBit 👉 https://aka.moonbitlang.com/csy
- 国产图形库,Leaferjs 👉 https://www.leaferjs.com
- WEB 端 Vue3 UI 框架,TDesign 👉 https://tdesign.tencent.com/vue-next
- Uniapp 端 Vue3 UI 框架,Wot-ui 👉 https://wot-ui.cn/
- Uniapp 生态库,uni-helper 👉 https://uni-helper.js.org/
🔥 我的 VSCode 扩展商店:
👉 https://marketplace.visualstudio.com/publishers/chensuiyi

