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

[leipengcheng]

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

[ufan0]

vue 写的咩？

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

我写了一页面也比较素，哈哈
https://allinprogram.com/

[leipengcheng]

@ufan0 uniapp 写的，也是 vue 吧

[344457769]

不是有点素，而是有点丑。如果希望好看一点的话，可以培养一下审美，找一些你觉得好看的网站看下他们的配色，他们的布局，他们怎么运用边框阴影圆角的。

[daodao]

3 楼说话太直接了，但也是大实话...

[foufoufm]

很不错，猜测是一个任务清单类的网站，你无需在意其他人怎么说。

多看多迭代自己认为是好的风格就行了，然后随着迭代次数增加，自己的界面会越来越好看的。

[zdhxiong]

来用 mdui 吧
https://www.mdui.org/

[coolfamilyxun]

丑。
这不是 UI 框架的问题。
找一个 UI 设计师设计一波就好了

[fenglangjuxu]

@zdhxiong 这个挺好 挺接近原生 html js

[snarkprayer]

能看出来楼主确实没有设计基础，这个 ui https://preline.co/examples.html 有大量常见页面的示例，基于 tailwindcss 的，照着写就行

[nitmali]

uview

[amanisheir]

知行合一，崇德尚能？

[huangcjmail]

@ufan0 #1
@zdhxiong #6
我也后端，写前端只用过 element ui 。这些 ui 库用法是不是都差不多

[ufan0]

@huangcjmail #12 用法大差不差，对着文档怼就行。

css 框架应该是用起来学习成本最低的。

[qq1234]

老哥，你可以看看掘金大赛有一期比赛就是这个，你可以去参考一下

[LaGeNanRen]

为什么没人推荐 figma 的社区。。。

[jianchang512]

既然用 uniapp ，那不如直接用 uview 框架，至少看起来像模像样，没那么丑

[Mikawa]

如果要追求好看的话，确实可以考虑上组件库，不过要想明白，组件库主要帮你解决这几个问题

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

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

我建议用 mui ，提供了很完善的主题系统，并非很好修改样式。觉得 material 看腻了的话，可以考虑 mui joy

[Ashore]

uniapp ？使用 uView 这个框架不就好了吗。。

[Mikawa]

@Mikawa 没看到是 Vue 写的。。。打扰了，mui joy 可能用不了

[MorJS]

进入根本看不出来是做什么?这很难做到呀,也很难得

[haozi3156666]

用 tailwind 吧，再丑也丑不到哪去，也有很多基于 tailwind 的组件库，找一个直接用就好

[yangzzz]

你这算极简吗。。。如果极简的话把线条按钮只保留背景色这样会好看一点。。。

[Bzero]

素不素不重要，起码没有 bug 吧
点圆圈不是勾选，是删除

[leipengcheng]

@Bzero 其实是完成后，就隐藏了，我晚上加个 是否显示已完成 的按钮

[zhongchunfeng]

uni-app 直接就用 uni-ui 就可以了。https://uniapp.dcloud.net.cn/component/ uview 的话很垃圾别用

[listenerri]

逻辑有问题吧，我没登陆，依次点了“日志”，“详细”，“任务”后进到了一个 todo 界面里

[Charrlles]

用 daisyui 就行，直接写 class ，很方便

[leipengcheng]

@listenerri 谢谢指出，已修复，自己用了三个月，还没发现这个问题