docs: 补充 1.0 刷新按钮排查记录

This commit is contained in:
admin committed 2026-09-11 17:13:25 +08:00
1 parent c3f5c0ff03
commit f42b114384
1 file changed
+13
+13
View File
@@ -143,3 +143,16 @@
- 原因:Flask 开发服务器缓存静态文件,修改后需重启服务才能生效 - 原因:Flask 开发服务器缓存静态文件,修改后需重启服务才能生效
- 解决:pkill + 重启 app.py - 解决:pkill + 重启 app.py
- 提示用户浏览器也要 Cmd+Shift+R 强制刷新清除缓存 - 提示用户浏览器也要 Cmd+Shift+R 强制刷新清除缓存
## 13:27 按钮高度抖动根因:↻ 字符渲染异常 + width 限制
- 截图分析:按钮变成竖长方形,"⟳"和"同步中..."分两行显示
- 根因:字符 ↻ (U+21BB) 在某些字体下被当成大尺寸字符
- 配合 width:120px,文字强制换行成两行
- 高度从 36px 暴涨到 150px+
- 修复方案:
- HTML: 拆成 <span class="btn-icon"> + <span class="btn-text"> 两层结构
- CSS: display:inline-flex + align-items:center + 固定 height:36px
- 图标字符: ↻ → ⟳ (U+27F3),更稳定
- JS: 通过 .btn-text 选择器单独更新文字,保留图标 span
- 关键 CSS: flex-shrink:0 防止被 flex 父容器压缩