leipengcheng
V2EX  ›  问与答

我是后端,搞了个网站,但是有点素,不知道怎么改好,有没有直接能用的 ui 库

  •  
  •   leipengcheng · Dec 5, 2023 · 5547 views
    This topic created in 1075 days ago, the information mentioned may be changed or developed.

    task.haohaoxuexi.top 或者我这种极简也算一种风格?

    28 replies  •  2023-12-06 01:06:48 +08:00
    ufan0
    ufan0
    Dec 5, 2023
    1
    vue 写的咩?

    推荐一下这个库
    https://daisyui.com/

    我写了一页面也比较素,哈哈
    https://allinprogram.com/
    leipengcheng
    leipengcheng
    OP
    Dec 5, 2023
    2
    @ufan0 uniapp 写的,也是 vue 吧
    344457769
    344457769
    Dec 5, 2023❤️2
    3
    不是有点素,而是有点丑。如果希望好看一点的话,可以培养一下审美,找一些你觉得好看的网站看下他们的配色,他们的布局,他们怎么运用边框阴影圆角的。
    daodao
    daodao
    Dec 5, 2023
    4
    3 楼说话太直接了,但也是大实话...
    foufoufm
    foufoufm
    Dec 5, 2023
    5
    很不错,猜测是一个任务清单类的网站,你无需在意其他人怎么说。

    多看多迭代自己认为是好的风格就行了,然后随着迭代次数增加,自己的界面会越来越好看的。
    zdhxiong
    zdhxiong
    Dec 5, 2023 via Android
    6
    来用 mdui 吧
    https://www.mdui.org/
    coolfamilyxun
    coolfamilyxun
    Dec 5, 2023 via Android
    7
    丑。
    这不是 UI 框架的问题。
    找一个 UI 设计师设计一波就好了
    keepfun
    keepfun
    Dec 5, 2023 via iPhone
    8
    @zdhxiong 这个挺好 挺接近原生 html js
    snarkprayer
    snarkprayer
    Dec 5, 2023❤️4
    9
    能看出来楼主确实没有设计基础,这个 ui https://preline.co/examples.html 有大量常见页面的示例,基于 tailwindcss 的,照着写就行
    nitmali
    nitmali
    Dec 5, 2023
    10
    uview
    amanisheir
    amanisheir
    Dec 5, 2023
    11
    知行合一,崇德尚能?
    huangcjmail
    huangcjmail
    Dec 5, 2023
    12
    @ufan0 #1
    @zdhxiong #6
    我也后端,写前端只用过 element ui 。这些 ui 库用法是不是都差不多
    ufan0
    ufan0
    Dec 5, 2023
    13
    @huangcjmail #12 用法大差不差,对着文档怼就行。

    css 框架应该是用起来学习成本最低的。
    qq1234
    qq1234
    Dec 5, 2023
    14
    老哥,你可以看看掘金大赛有一期比赛就是这个,你可以去参考一下
    LaGeNanRen
    LaGeNanRen
    Dec 5, 2023
    15
    为什么没人推荐 figma 的社区。。。
    jianchang512
    jianchang512
    Dec 5, 2023
    16
    既然用 uniapp ,那不如直接用 uview 框架,至少看起来像模像样,没那么丑
    Mikawa
    Mikawa
    Dec 5, 2023
    17
    如果要追求好看的话,确实可以考虑上组件库,不过要想明白,组件库主要帮你解决这几个问题

    1. 排版,OP 的网站里按钮、普通文案和 Header 里的字是三种不同风格,相互之间层次不明确,就会显得不太美观
    2. 统一间距单位,一般公司里设计师会有标准,比如一倍单位是 4px ,页面内边距是 2 倍单位,主要模块之间间隔 4 倍单位,这样会整齐很多,就像小学生练字一样,女生字写的整整齐齐,哪怕字一点笔锋也没有,也不会太难看
    3. 主题色,同样是黑白灰蓝,组件库一般会提供 100 - 900 这样好几个档,计算出来的颜色,适当使用会更能凸显层次一点

    然后是 OP 自己要考虑的问题了
    - 元素之间的间距,现在有些行动点之间是没有间距的,最好加上
    - 元素宽度,好些按钮占满了整个屏幕。。。太宽了

    我建议用 mui ,提供了很完善的主题系统,并非很好修改样式。觉得 material 看腻了的话,可以考虑 mui joy
    Ashore
    Ashore
    Dec 5, 2023
    18
    uniapp ?使用 uView 这个框架不就好了吗。。
    Mikawa
    Mikawa
    Dec 5, 2023
    19
    @Mikawa 没看到是 Vue 写的。。。打扰了,mui joy 可能用不了
    43n5Z6GyW39943pj
    43n5Z6GyW39943pj
    Dec 5, 2023
    20
    进入根本看不出来是做什么?这很难做到呀,也很难得
    haozi3156666
    haozi3156666
    Dec 5, 2023
    21
    用 tailwind 吧,再丑也丑不到哪去,也有很多基于 tailwind 的组件库,找一个直接用就好
    yangzzz
    yangzzz
    Dec 5, 2023
    22
    你这算极简吗。。。如果极简的话把线条按钮只保留背景色这样会好看一点。。。
    Bzero
    Bzero
    Dec 5, 2023
    23
    素不素不重要,起码没有 bug 吧
    点圆圈不是勾选,是删除
    leipengcheng
    leipengcheng
    OP
    Dec 5, 2023
    24
    @Bzero 其实是完成后,就隐藏了,我晚上加个 是否显示已完成 的按钮
    zhongchunfeng
    zhongchunfeng
    Dec 5, 2023
    25
    uni-app 直接就用 uni-ui 就可以了。https://uniapp.dcloud.net.cn/component/ uview 的话很垃圾别用
    listenerri
    listenerri
    Dec 5, 2023
    26
    逻辑有问题吧,我没登陆,依次点了“日志”,“详细”,“任务”后进到了一个 todo 界面里
    Charrlles
    Charrlles
    Dec 5, 2023 via iPhone
    27
    用 daisyui 就行,直接写 class ,很方便
    leipengcheng
    leipengcheng
    OP
    Dec 6, 2023
    28
    @listenerri 谢谢指出,已修复,自己用了三个月,还没发现这个问题
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2053 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 72ms · UTC 05:33 · PVG 13:33 · LAX 21:33 · JFK 00:33
    ♥ Do have faith in what you're doing.