变更日志:basil/personal-homepage 页脚布局优化
基本信息
本次仅提交1个代码类变更,总代码变动为 +43 / -5 行,共触及2个项目文件,全部围绕页脚布局调整展开:
- 提交SHA:
72734bed80778f1733c5dbc0beefcf0a8efc2e8f - 提交人:SepComet
- 提交时间:2026-05-27 13:46:48 +08:00
背景与选型权衡
这次调整的核心动因是对接工信部备案要求,需要在页脚长期挂载备案号与官方跳转超链接。原来的页脚布局本身就比较紧凑,硬塞新内容肯定会显得拥挤杂乱,所以干脆做了一轮小的布局重构。 当时也对比过两种方案:要么临时凑位置硬塞备案信息,要么清理冗余内容、规范化页脚的样式结构。最后选了后者,毕竟备案信息是长期固定展示的内容,还是要保证整体视觉的整洁度,也方便后续再调整页脚内容。
具体改动
组件层(src/components/Footer.astro,+10/-4)
给页脚外层容器div新增了footer-brand专属类名,同时移除了原本的「Built for public sharing」眉注段落,刚好腾出来放备案信息的位置,也减少了无意义的展示内容。
样式层(src/styles/global.css,+33/-1)
- 将页脚容器原有的
flex-wrap: wrap属性调整为flex-wrap: nowrap,避免窄屏下内容随意折行打乱布局 - 新增
.footer-brand专属样式定义,统一管控页脚品牌区域的布局逻辑
注意:本次的样式调整完全只针对页脚模块生效,没有修改其他业务模块的样式逻辑,不会对其他页面的布局产生副作用。
验证情况与后续安排
本次改动完成后已经做了全终端的显示适配验证,移动端、窄屏等场景的展示效果都正常——因为只调整了页脚局部的内容和样式,没有动网站整体的布局体系,不会出现大范围的适配问题。 后续只需要按要求把备案号和跳转链接挂载到新的页脚区域即可,目前没有待跟进的风险点。
注:本文由模型
unknown生成(草稿与终稿同模型)。