设计说明
消息模板用于定义表单相关业务流程中可复用的站内消息。模板会控制消息名称、描述、正文、卡片外观、底部动作、状态,以及可插入的表单字段变量。
当表单流程需要发送通知卡片、审批提醒、任务通知、结果通知或业务消息,并且希望保持统一展示样式时,使用消息模板。
页面结构
消息模板包含两个主要区域:
| 区域 | 用途 |
|---|---|
| 模板列表 | 搜索、新建、编辑、删除和打开消息模板 |
| 设计页 | 选择关联表单、编辑正文、插入字段变量、配置卡片顶部信息与正文行数、配置底部动作、预览效果和管理状态 |
当前编辑器主要面向站内消息模板。其他发送渠道需要在对应编辑流程完善后再单独说明。
卡片结构
所有站内消息使用同一张卡片,结构固定,只有内容和显示开关会变化:
| 部分 | 说明 |
|---|---|
| 顶部左侧信息 | 圆角图标(可选)加标题文案,标题文案始终展示 |
| 正文 | Markdown 内容,由一行 H3 标题和若干行属性组成,可以关闭或限制显示行数 |
| 底部 | 可选的整条可点击区域,包含底部文案和右侧箭头,开关关闭时整条不显示 |
| 触发动作 | 点击卡片或底部后执行的动作:打开内容详情、站内路由或外部链接 |
常见流程
- 新建模板并填写清晰的名称
- 填写简短描述,方便其他管理员理解模板用途
- 打开设计页
- 如果消息需要表单字段变量,选择关联表单
- 编写消息正文,并在需要动态数据的位置插入字段变量
- 配置标题文案、正文行数、底部文案和触发动作
- 在浅色和深色两种模式下预览卡片效果并保存模板
- 内容确认无误后启用模板
设计原则
| 原则 | 说明 |
|---|---|
| 保持可复用 | 固定文本直接写在模板中,随记录变化的值使用字段变量 |
| 关联表单保持稳定 | 更换关联表单会清理不再匹配的变量,需要重新检查正文和底部动作 |
| 正文保持统一写法 | 第一行用 H3 标题,其余每行写 {color:#8c8c8c}标签{/color}: 值 |
| 底部文案简短 | 底部文案建议使用“查看详情”“打开任务”等明确动作 |
| 卡片配色不可配置 | 卡片固定使用 #F9FAFB / #171717 两色,只有图标背景色可以配置 |
| 完成后再启用 | 草稿可以自由调整,启用后的模板应按线上配置管理 |