vue3 做响应式网站,大家用啥组件库? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
yuthelloworld
V2EX    程序员

vue3 做响应式网站,大家用啥组件库?

  •  
  •   yuthellowrld
    yuthelloworld 2022-06-07 11:29:55 +08:00 7383 次点击
    这是一个创建于 1270 天前的主题,其中的信息可能已经有所发展或是发生改变。

    css 已选 tailwind / windicss 。UI 组件库有啥推荐的吗

    47 条回复    2022-06-08 13:23:42 +08:00
    dk7952638
        1
    dk7952638  
       2022-06-07 11:35:39 +08:00   2
    既然都 tailwind 了,那必须 daisyui 了
    KurobaKaito
        2
    KurobaKaito  
       2022-06-07 11:36:07 +08:00 via iPhone
    很多都用 chakra ui 吧
    murmur
        3
    murmur  
       2022-06-07 11:36:59 +08:00
    不要想响应式了,响应式做出来的结果绝大多数土的掉渣,能像苹果这样做响应式的,满世界找不到几个
    sciel
        4
    sciel  
       2022-06-07 11:53:00 +08:00
    写一套自己喜欢的 css 多好~
    yuthelloworld
        5
    yuthelloworld  
    OP
       2022-06-07 11:56:03 +08:00
    @murmur #3 成本问题。做 2 套等于 double 啊
    yuthelloworld
        6
    yuthelloworld  
    OP
       2022-06-07 11:56:23 +08:00
    @sciel #4 组件库更多是节省自己做交互。不光是 css
    sciel
        7
    sciel  
       2022-06-07 12:01:18 +08:00
    @yuthelloworld 组件库,我还是用的是 Element Plus ,简单稳定。 觉得样式不好看的,自己再修饰一下就好了。
    yaphets666
        8
    yaphets666  
       2022-06-07 12:03:10 +08:00
    你不是商业项目吧,商业项目用 tailwind 自己给自己找麻烦
    yuthelloworld
        9
    yuthelloworld  
    OP
       2022-06-07 12:14:28 +08:00
    @yaphets666 #8 所以用的 windicss
    renhou
        10
    renhou  
       2022-06-07 12:16:58 +08:00
    @yaphets666
    你好老哥,请问商业项目用 taiwind 有什么弊端嘛,我这地方正好有这个计划
    beginor
        11
    beginor  
       2022-06-07 12:59:46 +08:00 via Android
    奇怪的是没有一个稳定的团队维护 vue 的 bootstrap 实现版本,这个在 ng 和 react 上一直有稳定的团队在维护
    beginor
        12
    beginor  
       2022-06-07 13:00:46 +08:00 via Android
    响应式还是 bootstrap 是首选
    Huelse
        13
    Huelse  
       2022-06-07 13:06:23 +08:00
    @yaphets666 #8 我看 tailwind 不是 MIT 协议的吗,请问商用有什么问题?
    yaphets666
        14
    yaphets666  
       2022-06-07 13:33:33 +08:00
    @lian704
    @Huelse 肯定是自己写 css 啊,不会去用这些东西的,满足不了需求
    nulIptr
        15
    nulIptr  
       2022-06-07 13:39:15 +08:00   1
    @lian704
    @Huelse
    我猜他的意思不是商业化问题,而是公司项目都是 ui 给的设计稿,tailwind 又不能还原设计稿,除非你说服 ui 按照 tailwind 的风格来。那还要 ui 干啥
    TarotVoyager
        16
    TarotVoyager  
       2022-06-07 13:41:06 +08:00 via iPhone   2
    原先 vue2 时候响应式还能 vuetify ,现在 vue3 还没出稳定版
    两套吧 element plus + vant
    ps: 到底多菜才能得出商业项目不用 tailwind 的结论
    yaphets666
        17
    yaphets666  
       2022-06-07 13:50:37 +08:00
    @chouchoui 想听下您的高见,怎解决 tailwind 和 UI 设计的冲突,但是你能决定 UI 设计?
    yaphets666
        18
    yaphets666  
       2022-06-07 13:51:50 +08:00
    @chouchoui 再问一个问题,你既然知道 element ,那请问 tailwind 能修改 scoped 下 element-ui 组件内部的样式吗
    Huelse
        19
    Huelse  
       2022-06-07 13:55:28 +08:00
    @nulIptr #15 好吧,我们是会自己分发一个版本,加上特殊前缀来组合使用
    Huelse
        20
    Huelse  
       2022-06-07 13:56:26 +08:00
    @yaphets666 #18
    vue2 `>>>`
    vue3 `:deep`
    helone
        21
    helone  
       2022-06-07 14:01:17 +08:00   4
    我就想知道 tailwind 和 ui 设计稿能有啥冲突,ui 给的任何实现都能用 tailwind 用原子类给述出来啊。。。
    terranboy
        22
    terranboy  
       2022-06-07 14:03:26 +08:00   1
    tailwindcss 怎么不能还原设计稿啊 国外用 tailwindcss 做的网站太多啦 各种风格都有啊 可以把它看成是一个更底层的组件库 各种样式能能做
    TomVista
        23
    TomVista  
       2022-06-07 14:09:50 +08:00
    tailwind 是不是几乎不支持 选择器?
    manami
        24
    manami  
       2022-06-07 14:12:28 +08:00
    bulma
    lizy0329
        25
    lizy0329  
       2022-06-07 14:26:13 +08:00
    @terranboy 你是古代穿越过来的吗? w-[28px] 你知道这种是什么吗?
    TarotVoyager
        26
    TarotVoyager  
       2022-06-07 14:33:27 +08:00 via iPhone
    @yaphets666 tailwind 都是原子类也没有固定的设计风格,能和 UI 有什么冲突,从自己写 css 变成了用原子类实现 UI 有什么区别。就算已有的原子类或配置不够用,tailwind 还有 jit 模式了解过吗?

    既然都知道了 scoped 为什么会不知道深度选择器
    vue2 >>> 或 /deep/
    vue3 :v-deep()
    yuthelloworld
        27
    yuthelloworld  
    OP
       2022-06-07 14:38:03 +08:00
    @lizy0329 #25 你好像艾特错人了
    yuthelloworld
        28
    yuthelloworld  
    OP
       2022-06-07 14:40:18 +08:00
    @lizy0329 #25 w-[28px]这个是 windicss 里额外的
    Twinkle
        29
    Twinkle  
       2022-06-07 14:53:15 +08:00
    @yuthelloworld 这个写法 tailwind 也是支持的
    renhou
        30
    renhou  
       2022-06-07 15:03:23 +08:00
    @chouchoui 老哥可以试试 quasar 和 primevue ,香,都有响应式
    renhou
        31
    renhou  
       2022-06-07 15:06:45 +08:00   1
    答题主问题。。
    既然你选择了 taiwindcss ,那么建议用 daisy ui 作为组件库
    yuthelloworld
        32
    yuthelloworld  
    OP
       2022-06-07 15:28:42 +08:00
    @lian704 #31
    @dk7952638 #1 daisyui 是个单纯的 html 组件,没有 js API 啊
    linkopeneyes
        33
    linkopeneyes  
       2022-06-07 16:07:35 +08:00
    要不试试 unocss ~
    yuthelloworld
        34
    yuthelloworld  
    OP
       2022-06-07 16:27:22 +08:00
    @sjhhjx0122 #33 unocss 只是个 css 引擎呀
    brust
        35
    brust  
       2022-06-07 16:30:36 +08:00
    tailwind 不能商用吗?
    linkopeneyes
        36
    linkopeneyes  
      2022-06-07 16:48:49 +08:00
    @yuthelloworld 对啊,vue 能响应式的组件就 quasar 和 vuetify 吧,都是 md 风格的
    brust
        37
    brust  
       2022-06-07 16:49:39 +08:00
    tailwind MIT
    windicss MIT
    不都是 MIT 吗
    cosmtrek
        38
    cosmtrek  
       2022-06-07 18:13:35 +08:00
    推荐 tailwind + naive-ui
    babyoung
        39
    babyoung  
       2022-06-07 18:46:50 +08:00
    @chouchoui Vue3 现在是 :deep() 改来改去很烦
    cszchen
        40
    cszchen  
       2022-06-07 19:02:33 +08:00 via iPhone
    tailwindcss 本身是没有任何风格的,所以可以写出任何你想要的风格。
    它只不过把手写 css 变成了手写类名。
    darknoll
        41
    darknoll  
       2022-06-07 19:19:05 +08:00
    material design 是响应式,但是感觉大部分人不喜欢
    GressJoe
        42
    GressJoe  
       2022-06-07 20:01:53 +08:00
    @helone 德华
    akagishigeru
        43
    akagishigeru  
       2022-06-07 21:25:09 +08:00 via iPhone
    tailwind 可以自定义自己的一套 ui 组件库!!!
    inhons
        44
    inhons  
       2022-06-08 08:38:28 +08:00
    做 C 端没有使用组件库的习惯,何况我用 Svelte 。
    pengbo37877
        45
    pengbo37877  
       2022-06-08 09:30:52 +08:00
    这个站 SB 真多
    Hilong
        46
    Hilong  
       2022-06-08 11:02:03 +08:00   2
    商业项目不能用 tailwind 给我整懵逼了。结果给来了一个不能还原 UI 。。。。这。。。这是没了蓝湖的 copy 样式就不会写 css 了吗
    ONEO666
        47
    ONEO666  
       2022-06-08 13:23:42 +08:00 via iPhone
    @Hilong 我认真看了看为什么….
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2621 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 01:40 PVG 09:40 LAX 17:40 JFK 20:40
    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