前端页面从 NaiveUI 换去 NuxtUI,感觉很不错。

2024-05-03 13:21:58 +08:00
 jinker

我的开源论坛的前端页面从 NaiveUI 换去 NuxtUI 了。顺便重构页面外观,看着清新不少了。

主要还是 NaiveUI 对 SSR 不够友好,而且有时一些小毛病有些难受。官方团队貌似也维护比较缓慢了。

NuxtUI 搭配使用 Tailwind 确是很不错。样式更改很方便。之前使用 Tailwind 的时候只用过 DaisyUI ,NuxtUI 提供的组件感觉比较好使。

Nuxt 搭 NuxtUI 太顺了,仿佛 NuxtUI 是 Nuxt 自带那般,开发体验很爽。

3949 次点击
所在节点    程序员
20 条回复
liuw666
2024-05-03 14:12:19 +08:00
用手机打开的,感觉样式不太美观,建议调整一下卡片和阴影
Track13
2024-05-03 14:27:44 +08:00
你这个圆角也太圆了吧。😓
jinker
2024-05-03 14:43:28 +08:00
@liuw666 该往哪方面调?真心求教。
jinker
2024-05-03 14:44:04 +08:00
@Track13 NuxtUI 的 Card 组件默认的,我感觉还行就不改了。
liuw666
2024-05-03 15:24:24 +08:00
@jinker #3 参考一下 material design ? 或许不需要圆角和这么深的灰色底色。 另外首页上下有两个分页器是啥意思呢。而且有两个相同的列表,你也可能会说默认的数据不一样,但是它们不是可以手动切换数据吗
jinker
2024-05-03 16:18:39 +08:00
@liuw666 好的谢谢,后面去参考一番,因为我感觉电脑浏览直角有些难看,但是到手机浏览又感觉圆角有些难看,后面会改进一下。至于有两个列表是因为一个是一星期内的,一个是不限时间的。
yrj
2024-05-03 16:47:21 +08:00
说实话,我总感觉基于 headless ui 和 tailwindcss 做出来的,在细节上总是不够好。
jspatrick
2024-05-03 17:05:46 +08:00
圆角应该不是太圆了,而是大量圆角卡片出现在视区里导致的,背景色看上去灰得太厉害了
netabare
2024-05-03 17:17:56 +08:00
这么多圆角方框套方框,仿佛看到了十年前的网页
CHTuring
2024-05-03 18:13:14 +08:00
可以试试 Shadcn UI Vue
flyqie
2024-05-03 18:51:08 +08:00
移动端打开第一瞬间以为浏览器渲染异常。。
wolfan
2024-05-03 22:20:35 +08:00
还不如古早的无修饰页面好看……
aulayli
2024-05-04 00:12:36 +08:00
说实话,不咋好看,像上个年代的东西。
wingzhingling
2024-05-04 00:13:48 +08:00
板块标题和里面的帖子没有区分度,换页按钮太突出,配色过于黯淡
chengxiao
2024-05-04 07:14:35 +08:00
怎么一股浓浓的 obsidian 风
weixiaoD
2024-05-04 10:45:54 +08:00
手机打开,第一反应有点丑。。。
highf4324
2024-05-04 14:47:37 +08:00
@yrj 并不是,你可以看看 shadcn/ui ,Tailwind CSS 官网。
决定网站最终质量的,并不是工具,而是构造者本身。
Zzzz77
2024-05-04 23:00:15 +08:00
个人感觉吧,UI 这个东西,要么你就复古到底(类似 V2EX 这种),要么你就现代化风格(精致)一些的。不然这种到来不去的确实不好看……
790002517zzy
2024-05-05 12:05:33 +08:00
上个世纪的产物,你还是换回 NaiveUI 吧
layxy
2024-05-06 11:28:25 +08:00
额,前端框架并不能决定审美,你这个网站看起来确实不那么好看

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1037527

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX