个人中心 · 帖子&收藏类型筛选外置
变更日志
| 日期 | 变更内容 |
|---|---|
| 交付研发后如有调整将在此记录 | |
一、概述
1.1 背景与目标
现状：个人中心帖子页、收藏页的内容类型筛选（全部/作品/视频等）当前收折在 Filter 下拉菜单内，用户需要展开才能切换类型，操作路径长，类型选项对用户不可见。
目标：将类型筛选抽出，以胶囊形式平铺展示在筛选控件旁，降低操作成本，提升内容切换效率。同步在全部收藏弹窗（Web+H5）补充该能力。
1.2 改动范围
| 页面/入口 | 端 | 改动描述 |
|---|---|---|
| 个人中心 · 帖子页 | Web + H5 | 新增类型胶囊，从 Filter 内移除类型选项 |
| 个人中心 · 收藏页 | Web + H5 | 新增类型胶囊，从 Filter 内移除类型选项 |
| 全部收藏弹窗 | Web + H5 | 弹窗顶部新增类型胶囊 |
二、功能需求
2.1 个人中心 · 帖子页 — 类型筛选
类型选项（共 8 项），默认选中全部：
全部作品视频文章模型应用数字人文本
Web 端 NEW
我是玖成11
✓ Verified
13 Following
35 Followers
2.8K Favorites
2.5K Views
0 Subscribers
Overview8.4K
Post1.9K
Favorite
Works5.9K
Workflow54
Model176
AI Characters85
Video18
全部
作品
视频
文章
模型
应用
数字人
文本
🔍 Keyword Search
⚙ Filter ▾
＋ Publish
类型胶囊在筛选行左侧平铺，Keyword Search / Filter / Publish 保持右对齐；原 Filter 下拉中「类型」选项移除。
- 类型胶囊与右侧控件同行，胶囊左对齐，Keyword Search · Filter · Publish 右对齐
- 胶囊横向排列，选项超出时该区域可横向滚动，不换行
- 单选，点击已选中项不取消
- 原 Filter 下拉中「类型」选项移除
H5 端 NEW
我是玖成11 ✓
13 Following · 35 Followers · 2.8K Favorited
Overview
Post·1.9K
Favorite
Works·5.9K
Workflow
⚙ Filter
＋ Publish
全部
作品
视频
文章
模型
应用
数字人
文本
Filter / Publish 行位置不动；类型胶囊在其下方新增一行，支持横向滚动。
- Filter 和 Publish 保持现有位置不变
- 类型胶囊在 Filter 行下方新增独占一行，横向可滚动，不折行
- 原 Filter 中「类型」选项移除
2.2 个人中心 · 收藏页 — 类型筛选
类型选项（共 7 项），默认选中全部：
全部作品帖子模型应用数字人音频
Web 端 NEW
Overview8.4K
Post1.9K
Favorite
Works5.9K
Workflow54
Model176
收藏夹20251105
0 Content(s)
小钟模型
1 Content(s)
Ddd
1 Content(s)
新的
2 Content(s)
Molly
0 Content(s)
Unsorted
全部
作品
帖子
模型
应用
数字人
音频
⚙ Filter ▾
迁 Manage
「Unsorted」标题保持不动，类型胶囊紧跟其后，Filter / Manage 右对齐；原 Filter 下拉中「类型」选项移除。
- 「Unsorted」为当前未整理收藏的分组标题，保持不动
- 类型胶囊紧跟标题之后，在标题与右侧控件之间弹性伸展
- 胶囊过多时该区域横向滚动
- 原 Filter 下拉中「类型」选项移除
H5 端（进入 All Favorites 内容页后）NEW
🔒
molly
0个内容
未整理的收藏
☰
全部
作品
帖子
模型
应用
数字人
音频
「未整理的收藏」标题行右侧只保留管理 icon，筛选控件整行移除；类型胶囊移至标题行下方独占一行。
- 「未整理的收藏」标题行：标题左对齐，管理 icon 右对齐；筛选控件完全移除
- 类型胶囊在标题行下方独占一行，横向可滚动，不折行
2.3 全部收藏弹窗 — 类型筛选（Web + H5）
类型选项与收藏页一致（共 7 项），默认选中全部，弹窗每次打开重置为全部。
Web 端 NEW
全部收藏
✕
全部
作品
帖子
模型
应用
数字人
音频
迁 Manage
类型胶囊与「Manage」同行，胶囊左对齐，Manage 右对齐；切换类型内容实时刷新，弹窗不关闭。
H5 端 NEW
全部收藏
✕
全部
作品
帖子
模型
应用
数字人
音频
迁 Manage
H5 弹窗：类型胶囊横向可滚动，Manage 在胶囊行右端固定；弹窗打开默认全部，不记忆上次选中类型。
- 弹窗打开时默认选中「全部」，不记忆上次类型
- 切换类型后内容列表实时刷新，不关闭弹窗
- Web：胶囊与 Manage 同行，胶囊左，Manage 右
- H5：胶囊横向可滚动，Manage 固定在胶囊行右端
2.4 通用交互规则
| 规则 | 说明 |
|---|---|
| 默认状态 | 所有入口进入时均默认选中「全部」 |
| 单选 | 同时只能选中一个类型，点击已选中项不取消选中 |
| 切换刷新 | 点击类型后内容列表立即刷新，回到列表顶部 |
| 与其他筛选器联动 | 类型筛选与 Filter 中其他维度（时间、排序等）独立叠加，互不重置 |
| 类型从 Filter 移除 | 原 Filter 下拉中的「类型」选项同步下线，避免重复 |
| 空状态 | 当前类型下无内容时，展示空状态提示，文案延用现有规范 |
三、边界与异常
| 场景 | 处理方式 |
|---|---|
| 某类型下内容为空 | 显示空状态插图 + 提示文案，不隐藏该类型胶囊 |
| H5 胶囊超出屏幕宽度 | 横向可滚动，不折行、不收折为下拉 |
| 未登录用户访问他人主页 | 类型筛选正常展示，内容展示规则与现有逻辑一致 |
| 收藏弹窗关闭后再次打开 | 重置为「全部」，不保留上次选中类型 |
| 切换一级 Tab 后返回 | 类型胶囊重置为「全部」 |
| 类型筛选请求失败 | 列表区域显示加载失败可重试，胶囊保持选中状态不变 |
注意：Filter 中「类型」移除后，需确认筛选器 badge 计数及已选项回显逻辑不受影响。