feat(ui): 优化缓存区布局并修复分段筛选问题
- 将工具栏分为上下两行布局,优化窄屏下的显示效果 - 增加元素间距和可点击区域,提升用户体验 - 修复切换CSS/JS/全部时未重置分页的问题 - 禁用首页和HTML文件的缓存,避免浏览器缓存旧版本 - 更新README文档说明布局优化细节
This commit is contained in:
13
README.md
13
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` 并覆盖视窗(居中、等比、无重复)
|
||||
|
||||
Reference in New Issue
Block a user