健康科普（小程序原型） — BrewPage · free web publishing

交互要点（评审必看）

列表页

顶部分类 Tab：对应后台「健康科普」，切换即刷新该基石推文列表
列表样式：对齐微信公众号推文历史——日期标题阅读·赞右侧封面
点击卡片：进入详情，展示完整图文（非两行摘要）
阅读数：橙色强调；进入详情由服务端 +1（原型仅展示）
成功案例：独立 Tab，展示患者真实干预历程

详情页

图文混排：标题 → 作者/日期/标签 → 正文（段落 + 配图 + 步骤 + 提示）
点赞：可切换已赞/未赞；后台统计展示
音视频：本期以图文结构示意，后续接播放器

后台联动

医防学院 → 健康学习-六大基石 → 新增/发布后同步小程序科普
禁用后小程序不展示；删除需二次确认
支持从公众号复制优秀图文粘贴入库

清爽配色：主蓝 #2e72d6 · 淡橙 #d97d32（仅阅读数字）· 冷米灰封面 · 无多彩渐变与暗色。

操作演示：切换顶部 chip（附件2清爽风）→ 点任意卡片进详情 → 点「赞」→ 切换至「成功案例」查看患者故事。

9:41■■■ LTE

♡健康

▣科普

☰体检

☺我的

推文内容准备规范

按微信公众号图文标准准备素材，后台「课程创建」录入后同步小程序。共 6 大基石 + 成功案例 7 个分类 Tab。

推荐推文形式

图文推文（主力）：标题 + 封面 + 富文本正文
视频推文：封面 + 简介 + 视频（后续接播放器）
成功案例：患者档案 + 干预过程 + 前后对比 + 医生点评

图片尺寸建议

素材	建议尺寸
列表封面图必填	1:1 推荐 800×800 最小 500×500 JPG/PNG ≤2MB
详情头图 / 介绍图	16:9 或 2.35:1 推荐 1080×608 或 900×383（公众号常用）
正文配图	宽 1080px 内单张 ≤2MB，上下留白少

后台必填字段

字段	说明
课程标题必填	≤64 字，建议 18～28 字（两行内）
封面图必填	列表右侧缩略图，1:1
所属基石 / 分类必填	六大基石或成功案例
课程简介（正文）必填	富文本；可粘贴公众号图文
显示状态必填	启用 / 禁用
排序必填	数字越小越靠前
介绍图	选填，详情顶部大图
作者 / 标签 / 类型	选填；类型默认图文

正文结构建议（公众号风）

开篇 2～3 句讲清「为什么看」
配 1 张主图（示意/步骤图）
分点步骤（3～5 条可执行动作）
橙色提示块：适用人群 / 注意事项
文末可加标签（情绪调节、控糖等）

成功案例结构建议

患者档案：年龄、性别、主要问题、关键指标
故事引入：发现问题的契机（体检/症状/心理压力）
干预方法：具体做了什么，分 3–5 步
前后对比图：关键指标变化（血糖/血压/睡眠等）
真实引述：患者原话或医生点评

注意：勿只填两行摘要。摘要由正文自动截取；居民端详情必须看到完整图文。