H1消息中心
通知 / 公告两页签
通知是「跟你有关的」,公告是「平台说的」,两类分开就不容易被刷掉。每条通知带时间与关联单号,可追溯。
这页在验证
- 两页签真切换:通知 / 公告,切完另一面不渲染
- 通知行按 04 跳转表落到对应目标页,返回后保持已读
- 公告页签点开 → 公告详情,读完站内正文才算送达
- 影响权益的通知同时发站内消息,不只在弹窗出现一次
积分到账 / 失败退回 / 复刻完成 / 成片完成 / 查看通知五类齐全。
用到的组件
c-segc-listc-rowc-tag--brandc-alert--info
这一页哪里能点
- 两页签真切换:「通知 3 / 公告 2」切的是整块面板,不是滚动定位;公告那一面两条卡点开 → 公告详情(H4)
- 通知行按 04 跳转表接线:充值到账→充值订单、失败退回→积分明细、复刻完成→复刻结果、成片完成→成片详情;查看类通知不跳页,只说明查看记录在哪
- 每条通知带时间与关联单号;未读用品牌色标记,已读降为中性
顶栏右侧按 SPA 口径挂积分胶囊(与全量原型一致)。
这一区的硬规则
- 通知走通知,公告走公告:通知是「跟你有关的」(扣分、驳回、处置、完成),公告是「平台说的」——混在一起用户就会全部不看
- 站内读完才算送达:强制弹窗类公告要求读到页尾才出现「我已读完」,没读完关掉,下次进站还会再出现一次
- 文章是纯外链:点整卡跳公众号,站内不做正文页(白名单域名 + 不带用户身份参数)
本区 5 页已全部交付;只有影响权益、服务可用性的公告才走强制弹窗(须第二人复核,后台 F2 / F3),其余都在列表里等你看。
PC 版式
≥1024 左侧固定导航(品牌 + 四项主导航 + 积分钱包):出片四件套 / 出片风格 / 生成记录 / 后台概况(v1.2 口径,底部四 tab 同一套),内容全宽铺满,不再是手机窄列。≤1023 与手机完全一致,一个像素不动。