社群管理 · C 端客户端 — 高保真 HTML 还原

8 个页面入口 · 含已加入社群主页 · 375pt 基准 · 390 / 375 / 360 / 320px 响应式布局

01

SCREEN 01

客户端社群主页

主理人 + 管理员头像墙,点击展开 →
02

SCREEN 02

客户端社群主页 · 查看公告(已并入主页公告栏弹层)

在主页点「公告栏」查看 →
03

SCREEN 03

生成社群海报(含入群邀请码)

查看页面 →
04

SCREEN 04

通过社群查看关联的社群活动

查看页面 →
05

SCREEN 05

客户端社群主页 · 查看主理人介绍

查看页面 →
06

SCREEN 06

客户端社群主页 · 查看群成员

查看页面 →
07

SCREEN 07

客户端社群主页 · 加入社群

查看页面 →
08

SCREEN 08

客户端社群主页 · 已加入社群

公告栏 / 邀请双入口,成员列表可退出 →

还原说明

共享样式位于 theme.css(设计 token + 组件),图标精灵位于 icons.js,图片素材位于 assets/。
照片素材均直接从设计稿截图中无损裁切复用;所有照片中烘焙的界面文字与控件已剔除或遮罩处理。
页面间已串联真实跳转:主理人卡片 → 主理人介绍、成员卡片 → 群成员、更多活动 → 活动列表;底部「加入 / 海报」跳独立页,公告栏与成员/主理人在主页内以弹层展开。