标题、文本、图片与时间
标题、文本块、图片/图标和时间/倒计时四类基础组件的模式、内容设置与格式说明。
概述
这四类组件构成大屏的「版面骨架」：标题做页头与分区题头，文本块做说明与播报，图片/图标组件承载素材、轮播、视频和嵌入页面，时间组件显示时钟、倒计时和值守信息。文案类属性可以直接绑定数据集，见数据接入。
功能入口
左栏「资源库」>「基础组件」的「标题区」「说明块」「图片 / 图标」「时间 / 倒计时」分组；选中组件后在右栏「组件」>「内容设置」编辑。
操作步骤
制作跑马灯公告
- 拖入「说明块」分组的「跑马灯横幅」，或任意文本块。
- 在「内容设置」>「样式与布局」把「文本模式」选为「跑马灯」，用「动画时长」调节速度（非「静态」模式才出现）。
- 在「内容」里填「文本内容」，也可绑定数据集字段，让公告随数据更新。
显示倒计时
- 拖入「时间 / 倒计时」分组的「倒计时」。
- 「展示模式」选「倒计时」，「目标时间」填
2026-12-31 23:59:59，「结束文案」填已到达。 - 需要固定时区时，「时区模式」选「固定时区」，填「时区偏移 (UTC)」。
放一个轮播横幅
- 拖入「图片 / 图标」分组的「横幅轮播」，或把图片组件的「展示模式」改为「横幅轮播」。
- 在「轮播图片」里每行填一个图片地址，设置「轮播间隔 (s)」，填「横幅标题」「横幅摘要」「横幅标签」，按需打开「显示分页器」。
属性/参数说明
标题
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 主标题、副标题、标签 | 文案，可绑定数据 | 文本 |
| 标题样式 | 标题形态 | 页头、分区、极简 |
| 对齐方式 | 文字对齐 | 左对齐、居中、右对齐 |
| 主标题字号、副标题字号 | 字号 | 数值 |
| 显示分隔线、分隔线宽度 | 标题下分隔线 | 显示/隐藏；数值 |
| 内边距、圆角 | 样式与布局 | 数值 |
| 标题色、副标题色、强调色、分隔线色、底板色、边框色、辉光色 | 配色 | 颜色 |
文本块
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 标题行、文本内容 | 文案，可绑定数据 | 文本 |
| 内容样式 | 文本块外观 | 面板、提示、纯文本 |
| 文本模式 | 播放方式 | 静态、跑马灯、弹幕、打字机、通知轮播 |
| 动画时长 | 非「静态」模式的动画周期 | 数值 |
| 对齐方式 | 文字对齐 | 左对齐、居中、右对齐 |
| 标题字号、文字大小、行高 | 字号与行距 | 数值 |
| 字重 | 字体粗细 | 常规（400）、中等（500）、半粗（600）、加粗（700） |
| 强调条位置 | 强调条显示位置 | 左侧、顶部、关闭 |
| 文字颜色、标题色、强调色、背景色、边框色、辉光色、阴影色 | 配色 | 颜色 |
图片/图标
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 展示模式 | 内容形态 | 图片、图标、轮播、横幅轮播、视频、嵌入 |
| 上传图片、图片地址 | 图片来源 | 上传，或 http(s) 地址 / data URI |
| 替代文本 | 无障碍或兜底说明 | 文本 |
| 填充方式 | 图片在框内的适配 | 完整、裁切、拉伸 |
| 图标颜色 | 内置线性素材的颜色 | 留空为跟随主题 |
| 轮播图片 | 轮播模式的图片列表 | 每行一个地址 |
| 轮播间隔 (s) | 轮播切换间隔 | 数值 |
| 显示分页器 | 轮播与横幅轮播的分页器 | 显示/隐藏 |
| 横幅标题、横幅摘要、横幅标签 | 横幅轮播的叠加文案 | 文本 |
| 视频地址、封面图 | 视频模式 | http(s) 视频地址；可选封面 |
| 自动播放、静音、循环播放 | 视频播放选项 | 开启/关闭 |
| 嵌入地址、嵌入标题 | 嵌入模式，嵌入外部页面 | http(s) 页面地址 |
| 图标、图标颜色、图标尺寸 | 图标模式，从图标库选 | 图标名称；颜色；数值 |
时间/倒计时
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 标题 | 组件标题 | 文本 |
| 展示模式 | 内容形态 | 当前时间、倒计时、值守信息 |
| 主格式、副格式 | 时间显示格式，遵循 dayjs 语法 | 主格式如 HH:mm:ss，副格式如 YYYY-MM-DD dddd |
| 显示副行 | 是否显示副格式一行 | 显示/隐藏 |
| 目标时间、结束文案 | 倒计时到达的时间与到点后的文字 | 例如 2026-12-31 23:59:59、已到达 |
| 当前班次、负责人、联动负责人、最近更新、换班时间、结束文案 | 值守信息模式的内容 | 文本 |
| 时区模式 | 使用哪个时区 | 本地、固定时区 |
| 时区偏移 (UTC) | 固定时区的偏移 | 数值 |
| 标题字号、主字号、副字号 | 字号 | 数值 |
| 标题色、强调色、主文字色、副文字色、背景色、边框色、辉光色 | 配色 | 颜色 |
示例
页头：拖入「页头标题」，「主标题」填 门诊运营大屏，「副标题」填 OUTPATIENT OPERATIONS，「标签」填 LIVE。在右侧放「当前时间」，「主格式」填 HH:mm:ss，「副格式」填 YYYY-MM-DD dddd，「时区模式」保持「本地」。
注意事项
注意：图片地址和视频、嵌入地址由浏览器直接加载，运行页所在网络必须能访问这些地址；嵌入模式依赖被嵌入页面允许被 iframe 嵌入。
提示：内置线性图标素材默认跟随主题色；只有需要固定颜色时才设置「图标颜色」。
提示：复制图片后在画布上按
Ctrl / Cmd + V可以直接粘贴为图片组件。
