39 lines
1.3 KiB
Markdown
39 lines
1.3 KiB
Markdown
# 页面设计: 帮助与错误页 (Misc)
|
||
|
||
> **路由**:
|
||
> - 帮助中心: `/help`
|
||
> - 条款: `/terms`, `/privacy`
|
||
> - 错误: `/404`, `/500`
|
||
>
|
||
> **布局**: `LayoutMain` (帮助/条款) / `LayoutSimple` (错误页)
|
||
|
||
## 1. 帮助中心 (Help Center)
|
||
|
||
### 1.1 首页 (/help)
|
||
- **搜索大图 (Hero)**: 背景图 + 大搜索框 "遇到什么问题？"。
|
||
- **常见问题 (FAQ)**: Grid 布局，每项为 "Q: 问题... A: 简答..."。
|
||
- **分类导航**: 卡片入口 (如 "账号问题", "支付问题", "内容发布")。
|
||
- **联系客服**: 底部 Banner，展示客服电话或在线咨询按钮。
|
||
|
||
### 1.2 帮助详情页
|
||
- 左侧分类导航树。
|
||
- 右侧富文本文章。
|
||
- 底部反馈: "此文是否有帮助？ [是] [否]"。
|
||
|
||
## 2. 条款页面 (Legal)
|
||
- **布局**: 居中单栏，适合阅读长文。
|
||
- **样式**: `prose prose-slate mx-auto max-w-3xl py-10`。
|
||
- **导航**: 简单的 Tab 或 侧边 Anchor 导航 (条款、隐私、免责)。
|
||
|
||
## 3. 错误页面 (Error Pages)
|
||
|
||
### 3.1 404 Not Found
|
||
- **视觉**: 插画 (如迷路的人、空的盒子)。
|
||
- **文案**: "页面走丢了 (Page Not Found)"。
|
||
- **操作**: [返回首页] [返回上一页]。
|
||
|
||
### 3.2 500 Server Error
|
||
- **视觉**: 插画 (如正在维修的机器人)。
|
||
- **文案**: "服务器开小差了，请稍后再试"。
|
||
- **操作**: [刷新页面] [联系客服]。
|