前端页面从 NaiveUI 换去 NuxtUI,感觉很不错。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
jinker
V2EX    程序员

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

  •  1
     
  •   jinker 2024-05-03 13:21:58 +08:00 4218 次点击
    这是一个创建于 592 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    20 条回复    2024-05-06 11:28:25 +08:00
    nowtg
        1
    nowtg  
       2024-05-03 14:12:19 +08:00 via iPhone
    用手机打开的,感觉样式不太美观,建议调整一下卡片和阴影
    bgm004
        2
    bgm004  
       2024-05-03 14:27:44 +08:00 via Android
    你这个圆角也太圆了吧。
    jinker
        3
    jinker  
    OP
       2024-05-03 14:43:28 +08:00
    @liuw666 该往哪方面调?真心求教。
    jinker
        4
    jinker  
    OP
       2024-05-03 14:44:04 +08:00
    @Track13 NuxtUI 的 Card 组件默认的,我感觉还行就不改了。
    nowtg
        5
    nowtg  
       2024-05-03 15:24:24 +08:00 via iPhone
    @jinker #3 参考一下 material design ? 或许不需要圆角和这么深的灰色底色。 另外首页上下有两个分页器是啥意思呢。而且有两个相同的列表,你也可能会说默认的数据不一样,但是它们不是可以手动切换数据吗
    jinker
        6
    jinker  
    OP
       2024-05-03 16:18:39 +08:00
    @liuw666 好的谢谢,后面去参考一番,因为我感觉电脑浏览直角有些难看,但是到手机浏览又感觉圆角有些难看,后面会改进一下。至于有两个列表是因为一个是一星期内的,一个是不限时间的。
    yrj
        7
    yrj  
       2024-05-03 16:47:21 +08:00
    说实话,我总感觉基于 headless ui 和 tailwindcss 做出来的,在细节上总是不够好。
    jspatrick
        8
    jspatrick  
       2024-05-03 17:05:46 +08:00   1
    圆角应该不是太圆了,而是大量圆角卡片出现在视区里导致的,背景色看上去灰得太厉害了
    netabare
        9
    netabare  
       2024-05-03 17:17:56 +08:00 via iPhone
    这么多圆角方框套方框,仿佛看到了十年前的网页
    CHTuring
        10
    CHTuring  
       2024-05-03 18:13:14 +08:00 via iPhone
    可以试试 Shadcn UI Vue
    flyqie
        11
    flyqie  
       2024-05-03 18:51:08 +08:00 via Android
    移动端打开第一瞬间以为浏览器渲染异常。。
    wolfan
        12
    wolfan  
       2024-05-03 22:20:35 +08:00
    还不如古早的无修饰页面好看……
    aulayli
        13
    aulayli  
       2024-05-04 00:12:36 +08:00
    说实话,不咋好看,像上个年代的东西。
    wingzhingling
        14
    wingzhingling  
       2024-05-04 00:13:48 +08:00 via Android
    板块标题和里面的帖子没有区分度,换页按钮太突出,配色过于黯淡
    chengxiao
        15
    chengxiao  
       2024-05-04 07:14:35 +08:00
    怎么一股浓浓的 obsidian 风
    weixiaoD
        16
    weixiaoD  
       2024-05-04 10:45:54 +08:00 via Android
    手机打开,第一反应有点丑。。。
    vitality
        17
    vitality  
       2024-05-04 14:47:37 +08:00
    @yrj 并不是,你可以看看 shadcn/ui ,Tailwind CSS 官网。
    决定网站最终质量的,并不是工具,而是构造者本身。
    Zzzz77
        18
    Zzzz77  
       2024-05-04 23:00:15 +08:00
    个人感觉吧,UI 这个东西,要么你就复古到底(类似 V2EX 这种),要么你就现代化风格(精致)一些的。不然这种到来不去的确实不好看……
    790002517zzy
        19
    790002517zzy  
       2024-05-05 12:05:33 +08:00 via Android
    上个世纪的产物,你还是换回 NaiveUI 吧
    layxy
        20
    layxy  
       2024-05-06 11:28:25 +08:00
    额,前端框架并不能决定审美,你这个网站看起来确实不那么好看
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     901 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 22:07 PVG 06:07 LAX 14:07 JFK 17:07
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86