feat: 合集区支持「全部平铺 / 标签页折叠」两种展示方式
后台「设置 → 合集显示方式」一键切换,只影响底部「合集」区, 中间那些普通网格板块不受影响: - tabs(默认,标签页折叠):一次只平铺当前这一个合集(原行为)。 - flat(全部平铺):每个合集各占一块,和网格板块同构,一眼看全、不用点。 适合「每个合集里条目都不多」的情况;合集一多就切回标签页折叠。 实现: - index.php 先收集「有内容的合集」,空合集不再占位(标签页模式下也不会 多出一个空标签),再按设置渲染成标签页或平铺区块; 输出 data-layout="tabs|flat" 便于断言与排查。 - admin/index.php 新增选择框 + 说明;admin/actions.php 白名单校验, 非法值一律回退成 tabs。 - style.css 新增 3 条 .collections.flat 规则(平铺区块间距、最后一块不留底边距)。 - README 更新「页面结构」与特点说明。 验证: - e2e 新增场景 6(93/93 通过):两种模式各自的结构断言、非法值回退、 保存该项不会弄丢其它设置、空合集不占位。 - 真实几何检查(flat / tabs 各 5 个视口,30/30 通过):无横向溢出、正文列宽度正常。 - 部署诊断段在线上真机切 flat → 抓首页 → 断言 → 切回 tabs 并断言已复原。
This commit is contained in:
@@ -12,14 +12,15 @@
|
||||
- **显示简称**:每个网站有「名称(自动)」和「简称(手动)」两个字段,页面展示你自定义的简称。
|
||||
- **自定义排序**:网站 / 板块 / 搜索引擎都可上移下移排序。
|
||||
- **一键全部更新**:批量刷新所有网站的图标与名称,**不会改动你自定义的简称,也不会覆盖你自定义的图标**。
|
||||
- **合集标签页**:把「合集」做成标签页,点标签平铺该合集下的全部链接。
|
||||
- **合集区可「标签页折叠」或「全部平铺」**:底部「合集」区有两种展示方式,后台「设置 → 合集显示方式」一键切换。条目不多时选**全部平铺**(每个合集各占一块,一眼看全、不用点);合集多或条目杂时选**标签页折叠**(默认只展开当前那一个)。
|
||||
- **前后台永远一致**:所有动态页面都发 `Cache-Control: no-store, no-cache`,静态资源走「长缓存 + 版本号」(文件名不变、URL 带 `?v=mtime-size`)。
|
||||
|
||||
## 页面结构(复刻 n.yangyq.net 风格)
|
||||
|
||||
1. 顶部:搜索引擎切换 + 搜索框(带联想下拉)
|
||||
2. 中部:网格板块(如「常用」「工具」)
|
||||
3. 下部:「合集」标签页
|
||||
2. 中部:网格板块(如「常用」「工具」)——「展示方式」选「普通网格板块」的板块都在这里
|
||||
3. 下部:「合集」区 ——「展示方式」选「合集标签页」的板块收集到这里,再按后台的
|
||||
「合集显示方式」决定是**标签页折叠**(默认)还是**全部平铺**(每组各占一块)
|
||||
|
||||
## 目录结构
|
||||
|
||||
|
||||
Reference in New Issue
Block a user