fix(web): 恢复与旧版一致的布局与组件参数

- 布局:Layout 使用 contained(1380)+gutter20+siderWidth240+gap20、solid 60px 页头、整屏内部滚动
- 搜索框恢复悬浮居中;侧栏与内容恢复 52/88px 顶部偏移
- 新增并使用 @stash/ui 的 Cover(海报 2:3 / 图文 4:3 / 宽图)替换手写封面
- 头像恢复 64px 品牌底色;正文恢复 14/1.9;详情标题、标签、引用、统计、跳转按原版还原
- 分区卡 padding 20、分区标题 16、网格间距 12/16 对齐原值
This commit is contained in:
stash
2026-10-28 18:12:14 +08:00
parent 64f1fbf906
commit 1bdcca025b
20 changed files with 319 additions and 196 deletions
@@ -1,4 +1,4 @@
import { Button, Card, Paragraph, Space, Text, Title } from '@stash/ui'
import { Card, Paragraph, Space, Text, Title } from '@stash/ui'
import type { ArticleItem } from '../../data/types'
import { ArticleBody } from './ArticleBody'
@@ -20,23 +20,23 @@ export function ArticleDetailView({ article, categoryTitle, onBack }: ArticleDet
return (
<div className="detail-view article-view">
<Card padding="sm">
<Card padding="none" className="detail-nav">
<Space justify="between" wrap>
<Button variant="ghost" size="sm" onClick={onBack}>
<button type="button" className="detail-back" onClick={onBack}>
返回
</Button>
<Text size="sm" tone="sub">
</button>
<Text size="xs" tone="muted">
{categoryTitle} / 文章
</Text>
</Space>
</Card>
<header className="article-head">
<Title level={2}>
<Title level={1} as="h2" className="article-heading">
{article.title}
<Button variant="ghost" size="sm" disabled className="item-edit">
编辑
</Button>
<button type="button" className="item-edit" disabled title="编辑功能待接入">
[编辑]
</button>
</Title>
<Space gap="sm" wrap>
@@ -55,9 +55,9 @@ export function ArticleDetailView({ article, categoryTitle, onBack }: ArticleDet
</Space>
</header>
<Card padding="lg">
<Card padding="none" className="article-body-card">
<div className="article-body">
<Paragraph tone="main" className="article-lead">
<Paragraph tone="main" size="md" leading="relaxed" className="article-lead">
{article.desc}
</Paragraph>
<ArticleBody markdown={article.body} />