D1作品列表
7 天留存 + 效果标记
过期条目仍可回看封面与文案、不能下载。两种状态在同一列表里对照,用户一眼明白留存的边界。
这页在验证
- 过期条目在列表里就打标,不做隐藏——隐藏会让用户以为丢了
- 两种空态(还没有数据 / 筛选无结果)在状态专章里对照
- 效果标记的用途写出来,用户才愿意点
c-row--bar-err 是列表行的状态条,用来标过期这类「需要留意但不用处理」的状态。
用到的组件
c-segc-listc-row--bar-errc-tag--sc-cardc-stat
这一页哪里能点
- 顶部四个筛选项:全部 / 竖屏 / 横屏 / 已过期,真的筛(4 条作品里点「横屏」只剩 1 条、点「已过期」只剩过期那条)
- 任意一条作品点开 → 成片详情(过期的也能进,只是没有下载)
- 右上角搜索、底栏「再出一条」→ 选题
空态(本页另一态):还没出过片时不给空白页,一句话说明这里会有什么 + 一个直接的行动按钮 ——「还没有作品」+「出第一条片」。
这一区的硬规则
- 下载是唯一的交付动作:按钮置顶、下载前零弹窗,三条路径(浏览器打开 / 复制链接 / 扫码到电脑)在同一处给全
- 文件只存 7 天:只删文件不删记录,过期条目留在列表里不隐藏——直接消失会让用户以为作品被平台吃了
- 不代发布,所以没有数据回流;唯一的效果数据源是用户手动点「效果好 / 一般」,但它是选做,不能挡在下载前面
- 「看」永远免费:预览、换配色、复制、下载都不扣分
本区三页已交付;音色页 C5 起走全量原型接力。
PC 版式
≥1024 左侧固定导航(品牌 + 四项主导航 + 积分钱包):出片四件套 / 出片风格 / 生成记录 / 后台概况(v1.2 口径,底部四 tab 同一套),内容全宽铺满,不再是手机窄列。≤1023 与手机完全一致,一个像素不动。