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