laoyang
82f4fa3c49
顶栏图标改为与「标题+简介」整体垂直居中
用户:「图标应该在标题和它的简介的正中间…现在图标和上面的标题是对齐的,
把图标往下放一放,让标题和它下面的简介合起来和图标高度一样,
两个对齐上下。」
根因是结构问题,不是调 padding 能解决的:
以前图标和标题被 fb_software_badge() 包在同一个 .sw-badge 里(单行结构),
note 挂在它外面下面一层 ⇒ 图标天然只能对齐第一行文字,永远做不到两行居中。
改结构为「左图标 + 右文字列」两栏:
<a class="brand-mini">
<span class="brand-ic">图标</span> ← flex:none 30×30
<span class="brand-txt"> ← flex column
<span class="brand-title">标题</span>
<span class="brand-mini-note">简介</span>
</span>
</a>
外层 .brand-mini 用 align-items:center ⇒ 图标中线对齐文字列中线。
图标不再走 fb_software_badge(),改用 fb_software_icon() / icon_key 自己拼,
因为 badge 那个函数是把图标和名字绑死在一行的。
实测中线偏差:
桌面 1280:图标 18→48(中线 33.0),文字列 13.8→52.2(中线 33.0)→ 偏差 0.0px
手机 390:图标 17→43(中线 30.0),文字列 12.3→47.7(中线 30.0)→ 偏差 0.0px
首页(无软件时)仍是原来的 logo-mark + brand-text,未受影响;6 个路由全 200。
2026-11-03 15:21:41 +08:00
..
2026-11-03 08:19:17 +08:00
2026-11-03 08:27:03 +08:00
2026-11-03 15:21:41 +08:00
2026-09-28 20:34:37 +08:00
2026-11-03 09:54:12 +08:00
2026-11-03 15:21:41 +08:00
2026-11-03 10:48:07 +08:00
2026-11-03 07:21:04 +08:00
2026-11-03 09:54:12 +08:00