V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
renhou
V2EX  ›  问与答

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

  •  1
     
  •   renhou · 2022-09-02 11:27:54 +08:00 · 3184 次点击
    这是一个创建于 574 天前的主题,其中的信息可能已经有所发展或是发生改变。

    背景

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

    条件

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

    问题

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

    21 条回复    2022-09-02 17:26:33 +08:00
    zhangfeiwudi
        1
    zhangfeiwudi  
       2022-09-02 11:35:51 +08:00
    用 taiwindcss 吧 最近用了段时间 挺不错的。 暗黑模式,不同分辨率 hover 等等都很不错 ,用 ui 哭的话的确感觉千篇一律
    murmur
        2
    murmur  
       2022-09-02 11:37:33 +08:00
    tailwind 只是 css 的表达形式,美丑是设计师说了算
    jackma0571
        3
    jackma0571  
       2022-09-02 11:42:34 +08:00   ❤️ 2
    想多了,这种级别在乎的是你能不能承受住涌入进来的流量。
    而且现在的 UI 组件也有好看的。
    avenger
        4
    avenger  
       2022-09-02 12:03:27 +08:00
    终端用户不会在乎这个
    Exdui
        5
    Exdui  
       2022-09-02 12:20:52 +08:00
    他们在乎能不能简单明了的买到想要的票。
    shanghai1998
        6
    shanghai1998  
       2022-09-02 13:08:39 +08:00
    设计师设计下吧
    FrankAdler
        7
    FrankAdler  
       2022-09-02 13:38:01 +08:00
    现在应该找不到从 0 手搓的了吧
    jellybool
        8
    jellybool  
       2022-09-02 13:53:30 +08:00
    用 tailwind css 吧,tailwind 也有很多组件。
    superliy
        9
    superliy  
       2022-09-02 13:59:35 +08:00
    刚去看了一下 tailwindcss 的官网,首页的那个代码+效果的例子,感觉好强啊。。非常棒
    yaphets666
        10
    yaphets666  
       2022-09-02 14:07:54 +08:00   ❤️ 1
    比如一个 select 组件,options 和 input 框的距离,上弹出还是下弹出,还得在多端做兼容,测试,麻烦呀。当然选择天生跨端的组件库,然后进行测试了
    LxnChan
        11
    LxnChan  
       2022-09-02 14:45:56 +08:00
    不可能,都是用现成的组件库
    novolunt
        12
    novolunt  
       2022-09-02 14:54:51 +08:00
    @zhangfeiwudi 一直对这个名字感到困惑,这个应该叫台湾 css 吗
    gromit1337
        13
    gromit1337  
       2022-09-02 14:57:15 +08:00
    @novolunt 这就是个单词,意思是顺风, [ˈteɪlwɪnd]
    yangzzzzzz
        14
    yangzzzzzz  
       2022-09-02 14:59:22 +08:00
    用户买票体验好就行了
    karott7
        15
    karott7  
       2022-09-02 15:02:45 +08:00   ❤️ 1
    设计出图,用 tailwind css ,组件不多的话自己写。复杂的组件用开源无头组件库( react-component )
    maltoze
        16
    maltoze  
       2022-09-02 15:27:47 +08:00   ❤️ 1
    tailwindcss + headlessui
    TomatoYuyuko
        17
    TomatoYuyuko  
       2022-09-02 15:34:26 +08:00   ❤️ 1
    这事得看 UI 设计师的脸色,你说的不过是工具,组件库一般也提供主题模式,你可以改的面目全非,与其挑选技术不如找个优秀的 UI 设计师
    rbq123456
        18
    rbq123456  
       2022-09-02 15:43:54 +08:00   ❤️ 1
    组件库和样式无关呀…
    你可以修改 css 样式,覆盖掉组件库的就好了。组件库的作用不就是让你不用手搓选择框,日期组件之类的么
    ipwx
        19
    ipwx  
       2022-09-02 15:45:41 +08:00   ❤️ 1
    用 UI 组件库可以让你免去各种设备上诡异的显示不统一以及奇怪的 bug 。

    否则当出现这种情况的时候,你的 app 就更 low 了。
    zjsxwc
        20
    zjsxwc  
       2022-09-02 16:07:21 +08:00
    这么多基于 tailwind 的组件还不够你用?
    https://tailwindui.com/components/preview

    tailwind 与传统 css 区别,只是 css 写的位置不同,比 bootscrap 这种 ui 库更低级别,更底层。
    zaul
        21
    zaul  
       2022-09-02 17:26:33 +08:00 via iPhone
    技术是满足业务的。只要业务能满足,用啥 UI 库有关系吗?有什么 low 不 low 的,险 low 自己搞个轮子啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2786 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 12:53 · PVG 20:53 · LAX 05:53 · JFK 08:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.