style(group): 分组页恢复卡片外壳,撤掉文字描边方案

This commit is contained in:
2026-11-05 16:37:29 +08:00
parent 93f80af893
commit 65c7fe79dd
2 changed files with 5 additions and 13 deletions
-10
View File
@@ -376,16 +376,6 @@
margin-top: var(--su-space-2); margin-top: var(--su-space-2);
} }
/* 分组页的内容直接压在背景图上(没有卡片底):靠文字自己的对比来保证可读,
次级文字提一档,再加一层同主题的描边,落在图片亮部也不会糊成一片。 */
.detail-view .group-own-block,
.detail-view .group-child-block,
.detail-hero {
--su-text-sub: var(--su-text-secondary);
--su-text-muted: var(--su-text-sub);
text-shadow: 0 1px 3px color-mix(in srgb, var(--su-bg-page) 70%, transparent);
}
/* 明细页的分组标题:与首页卡片标题同一套「色条 + 标题」 */ /* 明细页的分组标题:与首页卡片标题同一套「色条 + 标题」 */
.group-title { .group-title {
display: flex; display: flex;
+5 -3
View File
@@ -660,7 +660,9 @@ export default function AppNext() {
</div> </div>
{group.entries.length > 0 ? ( {group.entries.length > 0 ? (
<div className="group-own-block">{renderEntries(group, group.entries)}</div> <Card padding="md" className="group-own-block">
{renderEntries(group, group.entries)}
</Card>
) : group.children.some((child) => groupEntryCount(child) > 0) ? null : ( ) : group.children.some((child) => groupEntryCount(child) > 0) ? null : (
<Empty text="这个分组还没有内容" /> <Empty text="这个分组还没有内容" />
)} )}
@@ -669,7 +671,7 @@ export default function AppNext() {
{group.children {group.children
.filter((child) => child.enabled !== false) .filter((child) => child.enabled !== false)
.map((child) => ( .map((child) => (
<section key={child.key} className="group-child-block"> <Card key={child.key} padding="md" className="group-child-block">
<div className="group-title"> <div className="group-title">
<span <span
className="group-bar" className="group-bar"
@@ -692,7 +694,7 @@ export default function AppNext() {
) : ( ) : (
<Empty text="暂无内容" /> <Empty text="暂无内容" />
)} )}
</section> </Card>
))} ))}
</Space> </Space>
</div> </div>