世界杯级别的售票网站，用 UI 组件库写会不会有点 low?

[renhou]

背景

• 人在国外，公司接了一个大活，类似于世界杯，世博会级别活动的售票网站
• 网站功能就是查询赛事，预约门票，购票，购入后的取消修改
• 只负责售票，不算是官网，个人目测网站的规模不会很大

条件

• 需要兼容手机 ipad 等
• 有设计师但不专业，前端设计自由度较高
• 时间较充裕，但人手不多

问题

我个人想到了 2 种方案: 1.用 taiwindcss 。2.用 UI 组件库
taiwindcss 因为部分组件需要自己写有点浪费时间，现在考虑用 UI 组件库
但是这种级别的项目用组件库，一眼让人看出来是不是有点 low ？各位有什么好方案嘛？
难不成这种网站大家都从 0 开始手搓 CSS?

[zhangfeiwudi]

用 taiwindcss 吧 最近用了段时间 挺不错的。 暗黑模式，不同分辨率 hover 等等都很不错 ，用 ui 哭的话的确感觉千篇一律

[murmur]

tailwind 只是 css 的表达形式，美丑是设计师说了算

[jackma0571]

想多了，这种级别在乎的是你能不能承受住涌入进来的流量。
而且现在的 UI 组件也有好看的。

[avenger]

终端用户不会在乎这个

[Exdui]

他们在乎能不能简单明了的买到想要的票。

[shanghai1998]

设计师设计下吧

[FrankAdler]

现在应该找不到从 0 手搓的了吧

[jellybool]

用 tailwind css 吧，tailwind 也有很多组件。

[superliy]

刚去看了一下 tailwindcss 的官网，首页的那个代码+效果的例子，感觉好强啊。。非常棒

[yaphets666]

比如一个 select 组件，options 和 input 框的距离，上弹出还是下弹出，还得在多端做兼容，测试，麻烦呀。当然选择天生跨端的组件库，然后进行测试了

[LxnChan]

不可能，都是用现成的组件库

[novolunt]

@zhangfeiwudi 一直对这个名字感到困惑，这个应该叫台湾 css 吗

[gromit1337]

@novolunt 这就是个单词，意思是顺风， [ˈteɪlwɪnd]

[yangzzzzzz]

用户买票体验好就行了

[karott7]

设计出图，用 tailwind css ，组件不多的话自己写。复杂的组件用开源无头组件库（ react-component ）

[maltoze]

tailwindcss + headlessui

[TomatoYuyuko]

这事得看 UI 设计师的脸色，你说的不过是工具，组件库一般也提供主题模式，你可以改的面目全非，与其挑选技术不如找个优秀的 UI 设计师

[rbq123456]

组件库和样式无关呀…
你可以修改 css 样式，覆盖掉组件库的就好了。组件库的作用不就是让你不用手搓选择框，日期组件之类的么

[ipwx]

用 UI 组件库可以让你免去各种设备上诡异的显示不统一以及奇怪的 bug 。

否则当出现这种情况的时候，你的 app 就更 low 了。

[zjsxwc]

这么多基于 tailwind 的组件还不够你用？
https://tailwindui.com/components/preview

tailwind 与传统 css 区别，只是 css 写的位置不同，比 bootscrap 这种 ui 库更低级别，更底层。