刷新按钮改用 span 结构 + flex 布局,彻底修复高度抖动\n\n问题:\n- width:120px + 字符 ↻ 在某些字体下被当成大尺寸字符渲染\n- 文字强制换行成两行,按钮高度暴涨到 150px+ 变成竖长方形\n\n修复:\n- 改用 ⟳ (U+27F3) 字符,更稳定\n- HTML 结构:<span class="btn-icon">⟳</span><span class="btn-text">刷新</span>\n- CSS 改用 display:inline-flex + align-items:center + justify-content:center\n- 固定 height:36px + padding:0 16px\n- JS 通过 .btn-text 选择器单独更新文字,保留图标 span

This commit is contained in:
admin committed 2026-07-17 13:28:08 +08:00
1 parent baeda63646
commit c3f5c0ff03
4 files changed
+29 -8

No files matched your search

+7
View File
@@ -136,3 +136,10 @@
### 测试验证
- /api/sync 返回 ok:true,406本书同步成功
## 13:25 Flask 静态文件缓存导致 CSS 不生效
- 现象:磁盘上 CSS 已更新(width:120px),但服务器仍返回旧版本
- 原因:Flask 开发服务器缓存静态文件,修改后需重启服务才能生效
- 解决:pkill + 重启 app.py
- 提示用户浏览器也要 Cmd+Shift+R 强制刷新清除缓存