feat(ui): 优化缓存区布局并修复分段筛选问题

- 将工具栏分为上下两行布局,优化窄屏下的显示效果
- 增加元素间距和可点击区域,提升用户体验
- 修复切换CSS/JS/全部时未重置分页的问题
- 禁用首页和HTML文件的缓存,避免浏览器缓存旧版本
- 更新README文档说明布局优化细节
This commit is contained in:
2025-11-28 23:00:18 +08:00
parent 15b3926b95
commit 471ed156af
5 changed files with 90 additions and 52 deletions

View File

@@ -36,6 +36,14 @@
- 访问路径:`/`
- 内容包含:项目简介、健康检查入口、触发 Seed 抓取入口、免责声明与推荐公共 CDN 列表、已缓存资源的可视化列表(仅展示可直接复制的完整 URL
- 目的:为内部用户提供更直观的访问入口与使用指引
### 缓存区布局优化说明
- 字体与文本:统一行高与字间距,`url` 文本支持多行折行显示并保留省略控制,确保在窄屏下仍具可读性
- 按钮与控件:增大最小高度与内边距,提升可点击区域;工具栏分为上下两行以避免拥挤
- 布局优化:工具栏采用两行分组(类型/时间/刷新、搜索/排序/方向/页容量),列表卡片增加间距与对比度
- 视觉一致性:沿用暗色科技风、玻璃拟态渐变与细边框,悬停有轻微抬升与阴影反馈
- 响应式适配≥1100px 两列卡片、<760px 单列;工具栏在小屏纵向排列,输入与选择控件宽度自适应
- 高级功能分页加载2050/页)、按名称/类型/更新时间过滤、按名称/大小/时间排序、懒加载与轻量虚拟滚动、统一暗色科技风视觉与动画
## 使用声明(免责声明)
@@ -161,4 +169,7 @@
- 新增前端首页与公共静态目录(`public/`),主页包含免责声明及推荐公共 CDN 列表
- 新增 `GET /api/list-cache` 接口,支持过滤、限制与前端展示一键复制
- 升级首页缓存区域视觉与交互:统一暗色科技风、移除相对路径展示、仅保留完整 URL 复制与打开、优化响应式布局与过渡动画
- 增强缓存管理分页加载2050/页)、按名称/类型/更新时间过滤、按名称/大小/时间排序、轻量虚拟滚动与懒加载、元数据解析(库名/版本/扩展名/类别)
- 增强缓存管理分页加载2050/页)、按名称/类型/更新时间过滤、按名称/大小/时间排序、轻量虚拟滚动与懒加载、元数据解析(库名/版本/扩展名/类别)
- 修复分段筛选:切换 `CSS/JS/全部` 时重置分页并重新加载
- 静态缓存优化:`/` 与 HTML 响应禁用缓存;为首页 CSS/JS 增加版本参数以避免浏览器缓存旧样式与脚本
- 页面视觉细节:为 `header` 与 `main` 增加间距≥30px背景设置 `background-attachment: fixed` 并覆盖视窗(居中、等比、无重复)