跳到主要内容

设计说明

消息模板用于定义表单相关业务流程中可复用的站内消息。模板会控制消息名称、描述、正文、卡片外观、底部动作、状态,以及可插入的表单字段变量。

当表单流程需要发送通知卡片、审批提醒、任务通知、结果通知或业务消息,并且希望保持统一展示样式时,使用消息模板。

页面结构​

消息模板包含两个主要区域:

区域用途
模板列表搜索、新建、编辑、删除和打开消息模板
设计页选择关联表单、编辑正文、插入字段变量、配置卡片顶部信息与正文行数、配置底部动作、预览效果和管理状态

当前编辑器主要面向站内消息模板。其他发送渠道需要在对应编辑流程完善后再单独说明。

卡片结构​

所有站内消息使用同一张卡片,结构固定,只有内容和显示开关会变化:

部分说明
顶部左侧信息圆角图标(可选)加标题文案,标题文案始终展示
正文Markdown 内容,由一行 H3 标题和若干行属性组成,可以关闭或限制显示行数
底部可选的整条可点击区域,包含底部文案和右侧箭头,开关关闭时整条不显示
触发动作点击卡片或底部后执行的动作:打开内容详情、站内路由或外部链接

常见流程​

  1. 新建模板并填写清晰的名称
  2. 填写简短描述,方便其他管理员理解模板用途
  3. 打开设计页
  4. 如果消息需要表单字段变量,选择关联表单
  5. 编写消息正文,并在需要动态数据的位置插入字段变量
  6. 配置标题文案、正文行数、底部文案和触发动作
  7. 在浅色和深色两种模式下预览卡片效果并保存模板
  8. 内容确认无误后启用模板

设计原则​

原则说明
保持可复用固定文本直接写在模板中,随记录变化的值使用字段变量
关联表单保持稳定更换关联表单会清理不再匹配的变量,需要重新检查正文和底部动作
正文保持统一写法第一行用 H3 标题,其余每行写 {color:#8c8c8c}标签{/color}: 值
底部文案简短底部文案建议使用“查看详情”“打开任务”等明确动作
卡片配色不可配置卡片固定使用 #F9FAFB / #171717 两色,只有图标背景色可以配置
完成后再启用草稿可以自由调整,启用后的模板应按线上配置管理