vue3 做响应式网站，大家用啥组件库？

组件库

tailwind

windicss

47 条回复 • 2022-06-08 13:23:42 +08:00

1

dk7952638

2022-06-07 11:35:39 +08:00

2

既然都 tailwind 了，那必须 daisyui 了

2

KurobaKaito

2022-06-07 11:36:07 +08:00 via iPhone

很多都用 chakra ui 吧

3

murmur

2022-06-07 11:36:59 +08:00

不要想响应式了，响应式做出来的结果绝大多数土的掉渣，能像苹果这样做响应式的，满世界找不到几个

4

sciel

2022-06-07 11:53:00 +08:00

写一套自己喜欢的 css 多好～

5

yuthelloworld

OP

2022-06-07 11:56:03 +08:00

@murmur #3 成本问题。做 2 套等于 double 啊

6

yuthelloworld

OP

2022-06-07 11:56:23 +08:00

@sciel #4 组件库更多是节省自己做交互。不光是 css

7

sciel

2022-06-07 12:01:18 +08:00

@yuthelloworld 组件库，我还是用的是 Element Plus ，简单稳定。觉得样式不好看的，自己再修饰一下就好了。

8

yaphets666

2022-06-07 12:03:10 +08:00

你不是商业项目吧，商业项目用 tailwind 自己给自己找麻烦

9

yuthelloworld

OP

2022-06-07 12:14:28 +08:00

@yaphets666 #8 所以用的 windicss

10

renhou

2022-06-07 12:16:58 +08:00

@yaphets666
你好老哥，请问商业项目用 taiwind 有什么弊端嘛，我这地方正好有这个计划

11

beginor

2022-06-07 12:59:46 +08:00 via Android

奇怪的是没有一个稳定的团队维护 vue 的 bootstrap 实现版本，这个在 ng 和 react 上一直有稳定的团队在维护

12

beginor

2022-06-07 13:00:46 +08:00 via Android

响应式还是 bootstrap 是首选

13

Huelse

2022-06-07 13:06:23 +08:00

@yaphets666 #8 我看 tailwind 不是 MIT 协议的吗，请问商用有什么问题？

14

yaphets666

2022-06-07 13:33:33 +08:00

@lian704
@Huelse 肯定是自己写 css 啊，不会去用这些东西的，满足不了需求

15

nulIptr

2022-06-07 13:39:15 +08:00

1

@lian704
@Huelse
我猜他的意思不是商业化问题，而是公司项目都是 ui 给的设计稿，tailwind 又不能还原设计稿，除非你说服 ui 按照 tailwind 的风格来。那还要 ui 干啥

16

chouchoui

2022-06-07 13:41:06 +08:00 via iPhone

2

原先 vue2 时候响应式还能 vuetify ，现在 vue3 还没出稳定版
两套吧 element plus + vant
ps: 到底多菜才能得出商业项目不用 tailwind 的结论

17

yaphets666

2022-06-07 13:50:37 +08:00

@chouchoui 想听下您的高见，怎解决 tailwind 和 UI 设计的冲突，但是你能决定 UI 设计？

18

yaphets666

2022-06-07 13:51:50 +08:00

@chouchoui 再问一个问题，你既然知道 element ，那请问 tailwind 能修改 scoped 下 element-ui 组件内部的样式吗

19

Huelse

2022-06-07 13:55:28 +08:00

@nulIptr #15 好吧，我们是会自己分发一个版本，加上特殊前缀来组合使用

20

Huelse

2022-06-07 13:56:26 +08:00

@yaphets666 #18
vue2 `>>>`
vue3 `:deep`

21

helone

2022-06-07 14:01:17 +08:00

4

我就想知道 tailwind 和 ui 设计稿能有啥冲突，ui 给的任何实现都能用 tailwind 用原子类给描述出来啊。。。

22

terranboy

2022-06-07 14:03:26 +08:00

1

tailwindcss 怎么不能还原设计稿啊国外用 tailwindcss 做的网站太多啦各种风格都有啊可以把它看成是一个更底层的组件库各种样式能能做

23

TomVista

2022-06-07 14:09:50 +08:00

tailwind 是不是几乎不支持选择器?

24

manami

2022-06-07 14:12:28 +08:00

bulma

25

lizy0329

2022-06-07 14:26:13 +08:00

@terranboy 你是古代穿越过来的吗？ w-[28px] 你知道这种是什么吗？

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()

27

yuthelloworld

OP

2022-06-07 14:38:03 +08:00

@lizy0329 #25 你好像艾特错人了

28

yuthelloworld

OP

2022-06-07 14:40:18 +08:00

@lizy0329 #25 w-[28px]这个是 windicss 里额外的

29

Twinkle

2022-06-07 14:53:15 +08:00

@yuthelloworld 这个写法 tailwind 也是支持的

30

renhou

2022-06-07 15:03:23 +08:00

@chouchoui 老哥可以试试 quasar 和 primevue ，香，都有响应式

31

renhou

2022-06-07 15:06:45 +08:00

1

答题主问题。。
既然你选择了 taiwindcss ，那么建议用 daisy ui 作为组件库

32

yuthelloworld

OP

2022-06-07 15:28:42 +08:00

@lian704 #31
@dk7952638 #1 daisyui 是个单纯的 html 组件，没有 js API 啊

33

sjhhjx0122

2022-06-07 16:07:35 +08:00

要不试试 unocss ~

34

yuthelloworld

OP

2022-06-07 16:27:22 +08:00

@sjhhjx0122 #33 unocss 只是个 css 引擎呀

35

brust

2022-06-07 16:30:36 +08:00

tailwind 不能商用吗?

36

sjhhjx0122

2022-06-07 16:48:49 +08:00

@yuthelloworld 对啊，vue 能响应式的组件就 quasar 和 vuetify 吧，都是 md 风格的

37

brust

2022-06-07 16:49:39 +08:00

tailwind MIT
windicss MIT
不都是 MIT 吗

38

cosmtrek

2022-06-07 18:13:35 +08:00