昨天闲着没事打开了我的博客小程序,突然脑子里蹦出来一个想法,要不给他重构了吧,说干就干用uniapp新建了个项目就开始重构。

重构过程

  我之前用的是别人开源的项目,名为uni-app这个项目的设计真的不错,可惜的是停更了,经过halo的多次更新,好多api接口都失效,想着修复倒不如直接重构。

  我的重构流程是让ai先按照开源的项目api写,写好后再更新失效的api即可。

首页调整

  • 保留了轮播图和分类,删掉了日期显示,还有右侧的小图片显示。

  • 轮播图下面的快捷导航,换成了 “瞬间” 模块,直接显示最新一条动态。

  • 下方的文章列表改成了:封面图上直接叠加文章标题,更直观。

  • 最底部的导航栏,改成了悬浮式的。

  • 最上方加了一个迷你灵动岛用于显示当前界面名。

result.jpeg

分类界面

  • 分类界面没做多余更改保留原有布局。

result (2).jpeg

分类界面

  • 图片界面加大了图片显示添加圆角等,无大变化。

result (5).jpeg

瞬间界面

  • 瞬间界面我从搭建好后就没加载出来过瞬间界面不知道原有瞬间样式

  • 修复了失效api

  • 样式改为朋友圈样式

    result (3).jpeg

关于界面

  • 界面ui保留基础布局

  • 添加了全部文章,壁纸界面

result (4).jpeg

友链界面

  • 删去链接显示仅显示基础信息

  • 禁用超链接

result (6).jpeg

添加界面

  • 图片分享

  • 壁纸界面在博客后台新建图册后上传即可(支持壁纸下载)

  • 关于应用界面

result (7).jpeg

结语

  其实我一开始想着把这个程序分享出来的,但api和一些设置都是直接写死在代码里的,改起来比较麻烦。