新版的一些优化更新【浏览设置与自定义主题同步、主题圆角适配优化、雷达图重写等】

13 条回复
163 次浏览

更新内容主要是本站当前的一些体验优化,着重样式去更好的贴合 UI 框架。

内容如下:

新的功能变化

全站圆角主题化

评论树、编辑器、提示组件及全站卡片/面板/徽章/菜单等等统一接入 daisyUI 圆角语义变量,现在自定义主题时可全局调整圆角风格。

用户属性雷达图

前不久用户反馈用户属性雷达图在一些设备上显示模糊,尽管优化 ChartJS 渲染后有改善,但还是有一些模糊,因此重写为 SVG 渲染。

浏览设置与自定义主题

现在浏览设置和自定义主题的设置会同步到用户设置表,登录后跨设备统一。自定义主题若多设备已有设置,默认首次同步策略为合并。

潘多拉徽章掉落优化

现在潘多拉徽章掉落事件结束或新开盒子后,会将上一次掉落的徽章自动佩戴回去。

样式优化

  1. 帖子正文页面在旧版本刷新后存在跳动的情况(按钮的判断显示引起),现在优化为不跳动,减少视觉上的干扰
  2. 优化嵌套评论的边框不正确和圆角以及评论高亮闪烁边框也统一圆角不突兀了
  3. 侧边菜单的高亮样式遵循 UI 框架设计

另外帖子列表和评论的接口做了字段精简,目的是减少 api 的返回体积,若出现异常可及时反馈!

❤️5
👍10
🚀2
🎉3
1,700
  • 附言 1

    https://daisyui.com/theme-generator 这里可以做主题自定义,可以为当前站内预设主题或者自己新建任何喜欢的主题加入。

    其中圆角设置可以看:
    image

前排打手
GRD

这个圆角统一甚得我心 🙂
之前用户推广内容那个圆角格格不入好久了 🫣

卡皮巴拉
OP
Admin

这不提出来,还是我有空安排优化后挨个看去调的sobbing

卡皮巴拉
OP
Admin

大部分都是图片缓存造成的,可以在缓存空间看看,我看看是否有办法优化一下。

这个网站是用 Next.js 写的吧?我看到 x-powered-by 响应头了。next 默认开启遥测和 x-powered-by 挺烦人的。

发表一个评论

R保持