画布与页面设置
画布分辨率与适配、背景与动效、全局滤镜、场景包、多页轮播、版式规整、安全区和运行态刷新的设置说明。
概述
「画布」页签决定整块大屏的外观与运行行为：多大、怎么适配屏幕、背景和氛围、有几页、怎么轮播、多久刷新一次数据。这些设置对全屏所有页面共享，只有组件按页归属。
功能入口
设计器右栏「画布」页签。它分为「基础」「主题与配色」「背景与动效」「多页轮播」「版式规整」「安全区」「运行态刷新」七节，折叠标题上会显示当前值。没有选中任何组件时，右栏默认停在这里。主题与配色见主题与套件。
操作步骤
设置分辨率与适配
- 展开「基础」，在「分辨率」下拉选一个预设，或选「自定义」后直接改「宽度」「高度」。
- 在「适配模式」选大屏在不同尺寸的显示设备上的缩放方式。
- 在「比例」选 16:9、21:9、4:3 或自由比例。
设置背景
- 展开「背景与动效」，在「背景」里选择模式：「主题默认」「纯色」「渐变」「图片」。
- 选「渐变」时设置「起始色」「终止色」和「角度」；选「图片」时可从「预设底图」挑，或「上传图片」，或填「图片地址」，并用「蒙层颜色」「蒙层透明度」压暗图片；「清除图片」可移除。
- 需要手写 CSS 时展开「高级 · 自定义 CSS」，可填「纯色 CSS」「渐变 CSS」，「最终背景 CSS」可「复制」。
添加页面并轮播
- 点画布上方页签栏的「+」新增页面，双击页签重命名，可删除页面。
- 展开「多页轮播」，设置「页面过渡」和「轮播间隔(s)」，打开「页面自动轮播」。只有一页时这些设置不生效。
设置数据刷新
- 展开「运行态刷新」，打开「自动刷新」，设置「刷新间隔 (s)」。
- 需要实时推送时打开「实时推送」。
属性/参数说明
基础
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 画布名称 | 大屏名称 | 文本 |
| 分辨率 | 预设或自定义画布尺寸 | 1920 × 1080（1080P）、2560 × 1440（2K）、3840 × 2160（4K）、3840 × 1080（32:9 超宽）、5760 × 1080（三联屏）、自定义；新建默认 1920 × 1080 |
| 宽度 | 画布宽，单位 px | 最小 320 |
| 高度 | 画布高，单位 px | 最小 240 |
| 适配模式 | 运行页在不同屏幕上的缩放方式 | 完整显示（contain，默认）、铺满裁切、宽度优先、高度优先 |
| 比例 | 画布比例 | 16:9（默认）、21:9、4:3、自由比例 |
背景与动效
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 背景 | 画布背景来源 | 主题默认、纯色、渐变、图片 |
| 渐变角度 | 渐变方向 | 0 到 360，步长 5 |
| 蒙层透明度 | 图片背景上的遮罩透明度 | 0 到 1，步长 0.05 |
| 背景动效 | 叠加在背景之上、组件之下的动态氛围层 | 无、粒子网络、星空、网格流光 |
| 全局滤镜 | 对整屏统一调色，设计器与运行页同步生效 | 开启/关闭；「重置滤镜」恢复原始值 |
| 色相 | 色相旋转 | 0 到 360 度 |
| 饱和度 | 饱和度 | 0 到 200 %，100 为原始 |
| 亮度 | 亮度 | 50 到 150 %，100 为原始 |
| 对比度 | 对比度 | 50 到 150 %，100 为原始 |
| 场景包 | 一组预设的氛围与节奏 | 通用展示、运营中心、监控值守、指挥调度、喜庆盛典、分析汇报、医疗驾驶舱 |
| 场景状态 | 当前氛围状态 | 常态、预警、应急、夜间、离线 |
| 动效策略 | 动效播放强度 | 自动、增强、减弱 |
多页轮播
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 页面过渡 | 切页效果 | 淡入淡出（默认）、滑动、无 |
| 轮播间隔(s) | 自动轮播每页停留时间 | 3 到 600，默认 15 |
| 页面自动轮播 | 运行页是否自动切页 | 开启/关闭 |
版式规整与安全区
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 列数 | 版式栅格列数 | 1 到 24，默认 12 |
| 列间距 | 栅格列间距 | 0 到 120，默认 24 |
| 区块间距 | 区块之间的间距 | 0 到 240，默认 32 |
| 基线步长 | 版式规整时组件位置吸附的最小步长，单位 px | 1 到 48，默认 8 |
| 安全区 | 是否显示安全区参考框（编辑期辅助） | 开关，默认开启 |
| 组件吸附 | 拖动时吸附到其他组件边缘 | 开关，默认开启 |
| 网格吸附 | 拖动时吸附到网格 | 开关，默认关闭 |
| 安全规整当前页面 | 按版式规则整理当前页面组件位置 | 按钮，页面不满足条件时不可用并给出原因 |
| 上、右、下、左 | 安全区四边留白，单位 px | 最小 0，默认均为 0 |
运行态刷新
| 属性 | 说明 | 取值/默认值 |
|---|---|---|
| 自动刷新 | 运行页是否定时重新取数 | 开启（默认）/关闭 |
| 刷新间隔 (s) | 轮询间隔 | 5 到 3600，默认 60；运行时低于 5 的值会被抬到 5，不会停止刷新 |
| 实时推送 | 运行页优先建立独立 SSE 通道 | 开启/关闭；断线时回退到轮询 |
示例
为一块 3840 × 1080 的拼接屏建大屏：「分辨率」选「3840 × 1080（32:9 超宽）」，「适配模式」选「完整显示」；「安全区」上下左右各填 24，让内容避开边框；「运行态刷新」保持 60 秒。若要在大厅循环播放，加两页，「页面过渡」选「淡入淡出」，「轮播间隔(s)」填 20，打开「页面自动轮播」。
注意事项
注意：「安全区」开关控制的是安全区参考框，不是网格线；它只影响编辑期。
注意：「刷新间隔 (s)」按运行页轮询 SQL 数据集，并覆盖运行态数据预览。单个 SQL 数据集也可以在数据集编辑里单独设「刷新间隔(秒)」，留空则跟随全局。
提示：换主题时，若「背景动效」还是上一套主题的默认值，会跟着新主题走；手动改过的动效保持不变。
