H3公告列表
置顶 + 未读 + 过期隐藏
置顶排最前,未读加小圆点,过期公告自动隐藏。三种规则在同一列表里就能看懂。
这页在验证
- 置顶 / 重要 / 未读三层标记互不替代
- 未读 / 已读公告点开 → 公告详情,返回后转已读
- 过期公告降透明度留档,不直接删
- 「全部标为已读」真生效:未读就地转已读、计数清零、按钮停用
强制弹窗公告的发布与复核在后台 F2 / F3,第二人复核。
用到的组件
c-card--accent-errc-ib--errc-tag--solidc-tag--ec-alert--info
这一页哪里能点
- 三张在档公告可点 → H4 公告详情(逐页版已交付,读到页尾才算送达);过期卡不可进,只留档
- 「全部标为已读」真生效:两条未读就地转已读、底栏计数清零、按钮随即停用(不做成点了没反应的死按钮)
- 过期公告用降透明度表示,不直接删——用户可能还要回看
只有影响权益、服务可用性的公告才走强制弹窗(须第二人复核,后台 F2 / F3),其余都在这里等你看。
这一区的硬规则
- 通知走通知,公告走公告:通知是「跟你有关的」(扣分、驳回、处置、完成),公告是「平台说的」——混在一起用户就会全部不看
- 站内读完才算送达:强制弹窗类公告要求读到页尾才出现「我已读完」,没读完关掉,下次进站还会再出现一次
- 文章是纯外链:点整卡跳公众号,站内不做正文页(白名单域名 + 不带用户身份参数)
本区 5 页已全部交付;只有影响权益、服务可用性的公告才走强制弹窗(须第二人复核,后台 F2 / F3),其余都在列表里等你看。
PC 版式
≥1024 左侧固定导航(品牌 + 四项主导航 + 积分钱包):出片四件套 / 出片风格 / 生成记录 / 后台概况(v1.2 口径,底部四 tab 同一套),内容全宽铺满,不再是手机窄列。≤1023 与手机完全一致,一个像素不动。