背景
其实论坛主体已经在上次停机维护之后全部更新完了,带给大家的主要是一个补丁站和论坛账号统一的功能
后端的大重构大家一般感知不到,今天我们来说一下前端的重构
KunUI 组件库
鲲 Galgame 全系列网站基本上都使用了 KunUI(鲲 Galgame 的自研 UI 组件库)
GitHub: https://github.com/kungal/kun-ui (补药忘了给窝 star 一下)
npmjs: https://www.npmjs.com/settings/kungal/packages
KunUI 官网: https://ui.kungal.com
KunUI 的各种组件完全是成熟的 UI 组件库水平,因为这是 鲲 Galgame 论坛 打磨了三年的组件,这次只是把它整个封装为了组件库
KunUI 封装了大量常用组件库,非常清亮,拥有极致的 SSR 体验,这里不多说了,反正很牛逼,看 鲲 Galgame 论坛 不断迭代了三年也知道这个 UI 组件库很厉害
缺点是目前只支持 Vue / Nuxt,等我彻底把所有网站都重构完了再支持其他框架例如 React / Svelte / Solid(这些在计划中)
有朋友写网站的也可以试试 KunUI,有详细的文档以及 鲲 Galgame 补丁 和 鲲 Galgame 论坛 这两个鲜活的例子
布局
布局上,侧边栏改成现在的新样式了,看着应该没有那么拥挤了
顶栏稍微改了一点,理论上体验应该是比原来好一些的
去除了很多页面外侧包的一层 KunCard,我感觉这个没什么用
主页
主页改成 feed 流了,抄了一下 X 和贴吧的设计,如果大家有不想看到的 feed 信息,可以在设置面板里面进行调整
具体细节我之后再更新,现在忙着把整个前端重构完毕
话题
话题页面支持 Reaction 了,你可以给话题点 Reaction,点了之后除了点赞,话题发布人收不到你的 Reaction,单纯就是好玩
这些表情来自于 Telegram,如果大家想要更多表情可以回复一下
用法就是,你看见那萝莉控,便电⚡,那萝莉控伶俐的很

话题的回复样式在手机端改为始终在下面了,我观察了一下贴吧这些 App,现代社区的手机端交互好像就是这么写的,于是就都照着这些大厂的稍微改了一下,这个交互本质上是新版 Telegram 的仿写
关于推话题,推话题的时候你可以附加一句话了,比如

尾声
我才刚刚把主页重构了 50%,整体网站前端重构进度可能还不到 10%,大家期待变化就好




资源区的显示有问题
















13 条回复