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

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

  •  
  •   yuthelloworld ·
    yuthelloworld · 118 天前 · 4178 次点击
    这是一个创建于 118 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    既然都知道了 scoped 为什么会不知道深度选择器
    vue2 >>> 或 /deep/
    vue3 :v-deep()
    yuthelloworld
        27
    yuthelloworld  
    OP
       118 天前
    @lizy0329 #25 你好像艾特错人了
    yuthelloworld
        28
    yuthelloworld  
    OP
       118 天前
    @lizy0329 #25 w-[28px]这个是 windicss 里额外的
    Twinkle
        29
    Twinkle  
       118 天前
    @yuthelloworld 这个写法 tailwind 也是支持的
    renhou
        30
    renhou  
       118 天前
    @chouchoui 老哥可以试试 quasar 和 primevue ,香,都有响应式
    renhou
        31
    renhou  
       118 天前   ❤️ 1
    答题主问题。。
    既然你选择了 taiwindcss ,那么建议用 daisy ui 作为组件库
    yuthelloworld
        32
    yuthelloworld  
    OP
       118 天前
    @lian704 #31
    @dk7952638 #1 daisyui 是个单纯的 html 组件,没有 js API 啊
    sjhhjx0122
        33
    sjhhjx0122  
       118 天前
    要不试试 unocss ~
    yuthelloworld
        34
    yuthelloworld  
    OP
       118 天前
    @sjhhjx0122 #33 unocss 只是个 css 引擎呀
    brust
        35
    brust  
       118 天前
    tailwind 不能商用吗?
    sjhhjx0122
        36
    sjhhjx0122  
       118 天前
    @yuthelloworld 对啊,vue 能响应式的组件就 quasar 和 vuetify 吧,都是 md 风格的
    brust
        37
    brust  
       118 天前
    tailwind MIT
    windicss MIT
    不都是 MIT 吗
    cosmtrek
        38
    cosmtrek  
       118 天前
    推荐 tailwind + naive-ui
    babyoung
        39
    babyoung  
       118 天前
    @chouchoui Vue3 现在是 :deep() 改来改去很烦
    cszchen
        40
    cszchen  
       118 天前 via iPhone
    tailwindcss 本身是没有任何风格的,所以可以写出任何你想要的风格。
    它只不过把手写 css 变成了手写类名。
    darknoll
        41
    darknoll  
       118 天前
    material design 是响应式,但是感觉大部分人不喜欢
    GressJoe
        42
    GressJoe  
       117 天前
    @helone 德华
    JaguarJack
        43
    JaguarJack  
       117 天前 via iPhone
    tailwind 可以自定义自己的一套 ui 组件库!!!
    inhons
        44
    inhons  
       117 天前
    做 C 端没有使用组件库的习惯,何况我用 Svelte 。
    pengbo37877
        45
    pengbo37877  
       117 天前
    这个站 SB 真多
    Hilong
        46
    Hilong  
       117 天前   ❤️ 2
    商业项目不能用 tailwind 给我整懵逼了。结果给来了一个不能还原 UI 。。。。这。。。这是没了蓝湖的 copy 样式就不会写 css 了吗
    1217950746
        47
    1217950746  
       117 天前 via iPhone
    @Hilong 我认真看了看为什么….
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2023 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 11:50 · PVG 19:50 · LAX 04:50 · JFK 07:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.