背景
在 Screen settings 的 Fill 部分为任意屏幕添加背景：
- 单层背景：纯色、渐变、图片或视频。
- 多层背景：例如，带有色调叠加的图片。
如果您添加深色主题并应用可复用样式，则可以为浅色主题和深色主题设置不同的背景。
若要将背景转变为主视觉图，请将内容放入滑动面板。
图片
上传 .JPG、.PNG 或 .WEBP 格式的文件，大小不超过 20 MB。图片将缩放以覆盖整个背景。
背景图片和视频会填充整个视口，包括刘海和系统栏后面的区域——即使启用了安全区域也如此。请将重要内容远离边缘，以免被裁剪。
要在运行时通过应用代码动态替换背景图片，请启用自定义媒体 ID。
视频
上传 .MP4 或 .WEBM 文件，大小不超过 50 MB。预览显示的是静帧，但视频会在设备上实际播放。
开启 Loop 可循环播放视频。
如需在运行时切换背景视频，请启用自定义媒体 ID。
纯色
输入六位十六进制色值，例如 #FFFFFF，并将不透明度设置为 0 到 100%。使用简写色值会导致发布失败。
渐变
构建多色停止点的线性渐变：
- Direction（方向）——将渐变旋转 0 到 360°。
- Stops（色标）——拖动色标可沿渐变条重新定位；点击渐变条或 Stops 旁边的 可添加色标；编辑各行可修改色标的位置、六位十六进制颜色值或不透明度。
- Opacity（不透明度）——图层行上的滑块会同时缩放所有色标的不透明度，从而保持色标之间的渐变效果不变。
将背景用作主图
主要文章：滑动面板
在流程中，你可以通过屏幕背景和滑动面板来构建主图效果。面板覆盖屏幕下半部分，随着用户滚动逐渐上移并遮盖背景。
-
将屏幕的填充设置为图片或视频，然后上传主图。
-
打开 Add element 面板，选择 Layout > Sliding sheet。
-
设置面板的 Start position——即面板从底部向上覆盖屏幕的比例。默认值为 55%，背景图从顶部露出 45%。
-
在滑动弹层中添加内容。
-
若要在主图上叠加标题或 Logo，请将这些元素放在弹层之外。它们会渲染在屏幕背景上方。
-
如有需要，可调整 Start position 来改变弹层的大小。此元素不支持设置绝对高度。
为背景添加色调
文字叠放在图片或视频上时，只有当背景足够深时才能清晰可读。为了使背景更均匀，可以在媒体上方叠加一个半透明图层：
- 在 Screen settings 中，将 Fill 图层设置为您的图片或视频。
- 要添加第二个图层，点击 Fill 旁边的 。新图层将显示在 Fill 区域的顶部并覆盖在媒体内容上方。
- 点击图层的色块，选择 Gradient 。若只需要加深文字所在一侧的边缘，可将渐变设置为从该边缘的不透明色标过渡到另一侧的透明色标。
- 拖动图层所在行的滑块，调整色调的强度。
要更改图层顺序，请拖动相应行。要删除图层，请点击其行中的 。
在深色模式下显示不同的背景
主要文章：深色模式
要在深色模式下显示不同的背景：
- 如果流程没有深色主题，请添加一个。
- 将背景层保存为颜色样式。
- 如果背景有色调，也将色调层保存为颜色样式。
- 修改每个样式的深色值。