TX订阅版 · 迭代内容汇总线框结构板
阶段二衍生产物 · 375×812 静态状态切片 · 规则只关联

首页/发现

组件位置按阶段二正式原型 375×812 基准复刻;同页状态集中在一张画布。

页面层 0 · 备注层 10 · 下拉层 500

01 · 推荐默认态

关注/发现 · 二级分类 · 排序+订阅筛选

基准态
关注发现
推荐美妆美食旅行其他
推荐全部
限时免费图文封面占位1.3 万
夏日清凉写真合…
栀夏小记♡ 229
推荐视频封面占位3.8 万03:24
午后阳光下的慢…
小贝拍摄♡ 412
推荐图文封面占位5600
通勤穿搭日记
陌上花开♡ 96
图文封面占位9200
周末露营的清晨
山野同行♡ 134
REQ-208

二级分类

推荐/美妆/美食/旅行/其他;筛选作用域以当前选中的二级分类为上级范围。

本次新增

频道筛选组合

推荐频道只显示排序+订阅;其他分类增加“全部分类”,短剧模式再增加连载状态。

R-01 · REQ-205

推荐排序

单次 App 打开周期首次进入,首屏优先星标内容;再次进入或下拉刷新,推荐池全局随机。

R-03 · REQ-207

角标优先级

限时免费 > 推荐 > 火爆;同一作品位最多展示一个角标。

02 · 排序展开态

推荐/最新/最热

REQ-208
关注发现
推荐美妆美食旅行其他
推荐全部
限时免费图文封面占位
夏日清凉写真合…
视频封面占位
午后阳光下的慢…
推荐
最新
最热
REQ-208

排序筛选

默认“推荐”,可选“最新”“最热”;筛选挂在二级分类下方独立行。

R-02 · REQ-206

最热排序

按作品累计浏览量降序,同数值按发布时间新者在前;不引入多维热度权重。

03 · 订阅展开态

全部/免费订阅/付费订阅

REQ-208
关注发现
推荐美妆美食旅行其他
推荐全部
限时免费图文封面占位
夏日清凉写真合…
视频封面占位
午后阳光下的慢…
全部
免费订阅
付费订阅
REQ-208

订阅筛选

默认“全部”,可选“免费订阅”“付费订阅”;与排序筛选并列。

04 · 短剧分类态

其他/分类+排序+收费免费+连载状态

运营配置
关注发现
推荐美妆美食旅行其他
全部分类推荐全部全部状态
内容类型
全部分类逆袭都市重生穿越甜宠虐恋强者职场
本轮确认

短剧四项筛选组合

分类+排序+收费/免费+连载状态;切换二级分类后,分类和连载状态回到默认项。

阶段二附件真值

内容类型展开层

标题为“内容类型”,三列胶囊布局;选中项使用红色虚线边框。

05 · 短视频分类态

美妆/分类+排序+收费免费

运营配置
关注发现
推荐美妆美食旅行其他
全部分类推荐全部
内容类型
全部分类穿搭护肤彩妆测评教程
运营配置 · 短视频

三项筛选组合

频道分类+排序+收费/免费,不展示连载状态。

HOME_FILTER_CONFIG

美妆分类项

全部分类/穿搭/护肤/彩妆/测评/教程,顺序与阶段二配置一致。

06 · 推荐刷新结果态

下拉手势触发后 · 推荐池随机

REQ-205 · EP-210
关注发现
推荐美妆美食旅行其他
推荐全部
图文封面占位9200
周末露营的清晨
山野同行
火爆图文封面占位2.7 万
海边写真
栀夏小记
推荐图文封面占位5600
通勤穿搭日记
限时免费视频封面占位1.8 万
三分钟学会的简…
R-01 · REQ-205

刷新后的随机结果

首次进入的星标首屏规则结束;再次进入或下拉刷新后,推荐池全局随机,星标不再锁首屏。

EP-210

只保留下拉手势

页面不新增刷新按钮;该线稿展示刷新完成后的结果状态。

07 · 最热排序结果态

浏览量降序 · 同值按发布时间

REQ-206
关注发现
推荐美妆美食旅行其他
最热全部
火爆视频封面占位5.2 万
城市夜景延时摄…
推荐视频封面占位3.8 万
午后阳光下的慢…
火爆图文封面占位2.7 万
海边写真
限时免费视频封面占位1.8 万
三分钟学会的简…
REQ-208

最热已选状态

排序按钮显示“最热”,订阅筛选仍保持“全部”。

R-02 · REQ-206

结果按浏览量降序

5.2 万 > 3.8 万 > 2.7 万 > 1.8 万;同数值按发布时间新者在前。

08 · Feed 规则合集

三类角标 · AI 中插 Banner · 标题截断

REQ-202/207/215
关注发现
推荐美妆美食旅行其他
推荐全部
限时免费图文封面占位
夏日清凉写真合…
推荐视频封面占位
午后阳光下的慢…
火爆图文封面占位
海边写真
图文封面占位
周末露营的清晨
R-03 · REQ-207

三类角标全部展示

限时免费/推荐/火爆使用同一位置;单卡多命中时只保留优先级最高项。

REQ-215

标题最多八个汉字

超出以“…”截断且只占一行;详情页仍展示完整标题。

REQ-202 · R-06

AI 中插 Banner

位于两组完整作品卡之间,独占通栏且不参与双列卡片排版;服务不可用时隐藏。

09 · Feed 第五行

横版双卡连续分组 · 广告隔离

REQ-238
竖版作品
作品标题最多八字…
竖版作品
作品标题最多八字…
竖版作品
作品标题最多八字…
竖版作品
作品标题最多八字…
4:3 横版视频
城市夜景延时摄…
限时免费4:3 横版视频
三分钟学会的简…
REQ-238

第五行横版双卡

两张 4:3 横版卡并列成不可拆分分组;卡片和媒体宽度不变,素材等比居中且不拉伸。

REQ-215

标题单行截断

Feed 标题最多展示 8 个汉字,超出以“…”代替;详情页保留完整标题。

REQ-202 · R-06

AI 中插 Banner

独占完整一行,位于作品卡组之间;不得替代、覆盖或拆断横版双卡分组。

搜索

完全继承阶段二搜索页的顶栏、历史、联想与结果结构。

REQ-210/211 · R-05

01 · 搜索默认态

搜索框 · 账号历史 · 清空

默认态
搜索历史
夏日写真山野同行
REQ-211 · R-05

历史按账号隔离

游客期历史登录后并入账号;退出后本地隐藏,多账号互不串联。

02 · 输入联想态

标题/创作者任意位置包含

REQ-210
夏日清凉写真合集作品
夏日摄影社创作者
REQ-210

输入即出联想

关键词在作品标题或创作者名任意位置命中即可召回。

03 · 搜索结果态

执行检索后的结果列表

REQ-210
搜索结果
媒体
夏日清凉写真合集作者:山野同行
媒体
海边的夏日作者:夏日摄影社
媒体
夏日穿搭作者:城市衣橱
REQ-210

模糊命中结果

前后端同步支持包含匹配,不要求输入完整名称。

通知

完全继承阶段二通知页的 48.2px 顶栏、51.5px 标签与通知行。

REQ-214 · R-04

01 · 通知默认态

全部/系统 · 最新三条置顶

默认态
通知
全部互动订阅系统
功能体验说明(原型演示)
本条用于演示通知置顶、展开与已读状态,不代表生产环境公告或功能发布。
07-09
【原型演示】「夏日创作季」投稿活动
活动、TX币奖励与获奖通知仅用于演示公告样式和交互。
07-05
「TX 订阅版」v1.18 功能预览/原型演示
正式内容以运营后台配置为准。
07-02
REQ-214 · R-04

公告固定置顶

“全部”优先展示最新三条;更多公告进入“系统”分类查看。

02 · 公告展开态

展开即消未读,再次点击收起

展开态
通知
全部互动订阅系统
功能体验说明(原型演示)
本条用于演示通知置顶、展开与已读状态,不代表生产环境公告或功能发布。正式内容由运营后台配置。
07-09
【原型演示】「夏日创作季」投稿活动
以下活动、TX币奖励与获奖通知仅用于演示公告样式和交互。
07-05
R-04

展开与已读联动

展开后未读点消失,但公告仍保持置顶。

03 · 左滑删除态

仅当前行位移

删除态
通知
全部互动订阅系统
功能体验说明(原型演示)
本条用于演示通知置顶、展开与已读状态。
07-09
【原型演示】「夏日创作季」投稿活动
正式活动内容以运营后台配置为准。
07-05
R-04

删除当前通知

左滑后只露出当前行删除按钮;删除后不再置顶也不再展示。

个人中心

完全继承阶段二用户卡、数据、钱包、AI Banner 与菜单顺序。

REQ-201/203/108/115 · R-06

01 · 个人中心登录态

现有页面布局不移动

登录态
TX 订阅版
ID: — · 性别: 未设置
这个人很懒,还没有填写简介!
我的钱包0 TX币 · 充值
AI 娱乐 · 能力预览具体能力以实际接入结果为准 · 立即体验
REQ-201 · R-06

AI 娱乐入口

第三方不可用时,个人中心 Banner 与首页中插同时隐藏。

REQ-108/115

更名不改布局

顶栏显示“TX 订阅版”;入口名称改为“举报与反馈”。

02 · 个人中心游客态

沿用阶段二占位信息

游客态
TX 订阅版
ID: — · 性别: 未设置
这个人很懒,还没有填写简介!
我的钱包0 TX币 · 充值
AI 娱乐 · 能力预览具体能力以实际接入结果为准 · 立即体验
PRD 否决项排除

不新增注册按钮

游客页不加入已被否决的新增注册按钮。

举报与反馈

完全继承阶段二反馈表单字段、间距、圆角与 110px 文本域。

REQ-108/116

01 · 表单默认态

内容 · 图片≤6 · 邮件/TG

默认态
举报与反馈
最多 6 张
无法关联账号时,邮件/TG 至少填写一项;可关联已注册或已登录账号时可免填
REQ-116

反馈方式

阶段二仅支持邮件或 TG,不采集手机号、微信号。

02 · 表单填写态

展示已填写内容和反馈方式

填写态
举报与反馈
最多 6 张
无法关联账号时,邮件/TG 至少填写一项;可关联已注册或已登录账号时可免填
REQ-116

账号关联决定必填性

无法关联账号时,邮件/TG 至少填写一项;可关联已注册或已登录账号时可免填。

03 · 表单校验态

内容非空 · 图片上限

校验态
举报与反馈
请填写反馈内容
6/6
无法关联账号时,邮件/TG 至少填写一项;可关联已注册或已登录账号时可免填
阶段二既有校验

反馈内容不能为空

空内容提交时,错误提示紧邻反馈内容输入框。

阶段二既有校验

图片最多六张

达到六张后,图片上传组件停止继续添加。

我的反馈

完全继承阶段二反馈记录卡、状态标签与摘要结构。

REQ-116

01 · 反馈记录列表

按提交时间倒序

列表态
我的反馈
状态名称由后台配置
页面加载偶尔较慢,希望帮助定位原因处理中
处理进度以运营后台当前配置为准
2026-07-06 10:22
举报一条疑似搬运的短视频已完成
处理结果以运营后台当前配置为准
2026-07-05 19:08
建议个人中心增加深色模式已完成
处理结果以运营后台当前配置为准
2026-07-03 21:40
REQ-116

状态由后台配置

记录内容、时间与状态沿用阶段二;状态名称由运营后台配置。

02 · 处理结果详情

内容 · 状态 · 结果

详情态
我的反馈
页面加载偶尔较慢,希望帮助定位原因处理中
部分页面在网络稳定时加载较慢,已附上原型演示截图。
2026-07-06 10:22
反馈方式
邮箱 demo.user@example.com
处理结果
处理进度以运营后台当前配置为准
REQ-116

结果不虚构

反馈内容、联系方式与处理结果沿用阶段二演示记录。

图文详情

完全继承阶段二作者、标题、媒体、正文、订阅门、互动与评论结构。

REQ-112/212/215

01 · 图文详情默认态

完整标题 · 媒体占位 · 评论

默认态
帖子详情
果汁婕咪@561208897 · 06-16
#美女 #日常

这张适合收藏

图片素材不还原 · 灰块占位
订阅后可查看全文
5 浏览收藏分享
评论 0共0条评论 按热度 按时间

暂无评论,快来抢沙发

REQ-112/215

详情保留完整标题

Feed 中截断,进入详情页后展示完整标题与内容。

02 · 举报入口态

右上入口保持原位

举报态
帖子详情
果汁婕咪@561208897 · 06-16
#美女 #日常

这张适合收藏

图片素材不还原 · 灰块占位
订阅后可查看全文
5 浏览收藏分享
评论 0共0条评论 按热度 按时间

暂无评论,快来抢沙发

REQ-112/212

举报与返回

右上角举报入口不挤压标题;返回键回到上一步操作位置。

视频播放

完全继承阶段二视频门、余额、右侧操作列与信息层定位。

REQ-213/114/212

01 · 视频播放游客态

登录后查看余额

游客态
视频素材不还原 · 暗色占位
布罗利@475210977

靠近一点点

1128 · 00:07 · 2026-06-18
初级订阅独享 · 完整版内容
需要 初级订阅 解锁
初级订阅会员可见
10TX币=1人民币
登录后查看账户余额
REQ-213

余额直接可见

余额落在订阅解锁门下方,不埋入次级弹层。

02 · 视频播放登录态

余额与去充值

登录态
视频素材不还原 · 暗色占位
布罗利@475210977

靠近一点点

1128 · 00:07 · 2026-06-18
初级订阅独享 · 完整版内容
需要 初级订阅 解锁
初级订阅会员可见
10TX币=1人民币
账户余额 0 TX币
REQ-114/212

举报入口独立

举报位于既有右侧操作列之外,不推动原有六项位置。

03 · 订阅确认态

阶段二确认层叠加

确认态
视频素材不还原 · 暗色占位
布罗利@475210977

靠近一点点

1128 · 00:07 · 2026-06-18
初级订阅独享 · 完整版内容
需要 初级订阅 解锁
初级订阅会员可见
10TX币=1人民币
账户余额 0 TX币
订阅确认
初级订阅 · 月度
188 TX币 / 月

解锁初级订阅会员可见内容(档位为截图真值)

账户余额0TX币

本轮只验证余额展示与「我的钱包」同源(REQ-213)。

REQ-213

确认信息

确认层叠加在同一视频页面,不重建另一套页面骨架。

运营后台能力

只呈现阶段二现有能力索引卡,不展开后台页面。

REQ-204/209/216/217

01 · 推荐与星标

阶段二能力索引卡

REQ-204
运营后台能力
阶段二已有能力索引;不展开为未存在的后台页面。
REQ-204推荐与星标P0

内容管理单作品两个勾选项;勾「推荐」入推荐池,勾「星标」为运营重点内容。权重值方案已否决(难管理)。既有作品默认均不勾选。关联 C 端推荐排序 R-01(REQ-205)。

REQ-204

只关联能力索引

未生成表格、筛选器、详情页或控制台。

02 · 全局模糊/联想搜索

阶段二能力索引卡

REQ-209
运营后台能力
阶段二已有能力索引;不展开为未存在的后台页面。
REQ-209全局模糊/联想搜索P1

作品、短剧、创作者等后台全部模块由精准搜索升级为模糊+联想:输入关键词关联展示匹配项并支持快捷选择。不限于短剧管理单模块。

REQ-209

只关联能力索引

未生成表格、筛选器、详情页或控制台。

03 · 内容审核详情页

阶段二能力索引卡

REQ-216
运营后台能力
阶段二已有能力索引;不展开为未存在的后台页面。
REQ-216内容审核详情页P1

审核列表点击新开详情页,可查看帖子全文与全部图片;审核动作(通过 / 驳回)在详情页内完成。

REQ-216

只关联能力索引

未生成表格、筛选器、详情页或控制台。

04 · 批量操作补齐

阶段二能力索引卡

REQ-217
运营后台能力
阶段二已有能力索引;不展开为未存在的后台页面。
REQ-217批量操作补齐P1

首批锁定内容管理帖子列表的批量上架、下架、删除;其余模块清单待签字。

REQ-217

只关联能力索引

未生成表格、筛选器、详情页或控制台。

AI 评论运营后台

第三方能力控制面,只说明能力关系。

REQ-220~228 · 阶段二待确认 · 含模拟数据
不绘制后台 UI不固化未确认页面TG 为唯一外部告警

AI 评论运营后台用于承接任务创建与取消、评论审核、失败项重试、日志与 TG 告警、技术配置版本以及权限治理。本轮只呈现能力关系,不将未确认的后台页面结构固化为 UI 方案。

AI 评论运营后台能力思维导图中心节点连接任务控制、人工审核、失败与重试、日志与告警、配置与版本、权限治理六个分支。 AI 评论运营后台第三方能力控制面 任务控制创建 · 取消 · 状态单评论日志 人工审核通过 · 驳回 · 编辑发布批量 · 超时保持待审核 失败与重试仅重试失败评论异常定位 · 结果回写 日志与告警任务链路 · 操作审计TG 告警 · 留存周期 配置与版本技术配置 · 运营选版配置生效关系 权限治理角色矩阵 · 高风险限制敏感操作留痕 阶段二待确认 · 图中关系与数据均为设计说明,不代表已上线后台界面