世界杯级别的售票网站,用 UI 组件库写会不会有点 low? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
renhou
V2EX    问与答

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

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

    背景

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

    条件

    • 需要兼容手机 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
    他们在乎能不能简单明了的买到想要的票。
    C603H6r18Q1mSP9N
        6
    C603H6r18Q1mSP9N  
       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 这就是个单词,意思是顺风, [telwnd]
    yangzzzzzz
        14
    yangzzzzzz  
       2022-09-02 14:59:22 +08:00 div class="sep5">
    用户买票体验好就行了
    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     Solana     1005 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 37ms UTC 18:14 PVG 02:14 LAX 11:14 JFK 14:14
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86