V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yuthelloworld
V2EX  ›  程序员

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

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

    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 干啥
    chouchoui
        16
    chouchoui  
       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] 你知道这种是什么吗?
    chouchoui
        26
    chouchoui  
       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 啊
    sjhhjx0122
        33
    sjhhjx0122  
       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 不能商用吗?
    sjhhjx0122
        36
    sjhhjx0122  
       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 德华
    JaguarJack
        43
    JaguarJack  
       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 了吗
    1217950746
        47
    1217950746  
       2022-06-08 13:23:42 +08:00 via iPhone
    @Hilong 我认真看了看为什么….
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5120 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 09:43 · PVG 17:43 · LAX 02:43 · JFK 05:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.