• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yuthelloworld
V2EX  ›  程序员

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

  •  
  •   yuthelloworld ·
    yuthelloworld · Jun 7, 2022 · 8300 views
    This topic created in 1619 days ago, the information mentioned may be changed or developed.

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

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

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