feat(front): 前台切换到分组树 + 卡片组合

- 新 AppNext:首页按 /api/catalog2 的卡片勾选渲染(支持混合格式、每组条数),侧栏按分组树 + tree_hidden 渲染
- 分组页 /g/<key>、条目页 /g/<key>/i/<id>;条目在子树内递归查找,面包屑显示祖先链
- SPA 回落增加 /g/ 前缀;旧 /c/... 地址兼容
- 文档同步(路由、API、v19、限制)
- 测试 59 passed;Playwright 验证首页/混合卡片/分组页/条目页/侧栏隐藏
This commit is contained in:
2026-10-30 20:45:39 +08:00
parent 2ccfb9b623
commit 165d3f112e
7 changed files with 641 additions and 27 deletions
+27
View File
@@ -336,6 +336,33 @@
background-color: var(--su-color-primary);
}
/* 新前台:卡片内的分组块 / 分组页层级 */
.card-group-block + .card-group-block {
margin-top: var(--su-space-4);
}
.card-group-title {
margin: 0 0 var(--su-space-2);
font-size: var(--su-font-size-md);
font-weight: 600;
color: var(--su-text-sub);
}
.group-crumbs {
display: flex;
align-items: center;
gap: 6px;
padding: var(--su-space-2) var(--su-space-3);
}
.group-crumb-sep {
color: var(--su-text-muted);
}
.group-child-block {
margin-top: var(--su-space-2);
}
/* 明细页的分组标题:与首页卡片标题同一套「色条 + 标题」 */
.group-title {
display: flex;