1. 概述
移动端支持显示自定义的背景
规范对背景的定义及显示效果
2. 普通报表
2.1 报表背景
移动端支持显示普通报表的 纸张背景,包括:颜色、图片、纹理、图案、渐变色。
设计器中设置纸张背景后,移动端预览时,对应显示为整个中部主体背景。
2.2 单元格背景
移动端支持显示普通报表中的单元格背景,包括:单元格背景、图表区背景、绘图区背景。
设置单元格>背景,移动端中可以显示。
设置单元格图表>图表区背景/绘图区背景 ,移动端中可以显示。
单元格背景支持颜色、图片、纹理、图案、渐变色
单元格图表背景支持颜色、图片、渐变色
单元格及单元格图表背景设置后,就是对应的区域显示颜色,与 PC 端相同
3. 决策报表
3.1 主体背景
移动端支持显示决策报表 body 主体背景。
决策报表主体背景支持颜色、图片、渐变色
决策报表设置主体背景后,对应为 App 整个中部主体背景
决策报表设置主体背景后,客户端即识别「客户使用自定义样式」,此时若决策报表内组件没有单独设置背景色,则显示出决策报表主体背景,对应显示为整个中部主体背景
3.2 组件背景
移动端支持显示决策报表报表块和图表块背景。
设置报表块/图表块>控件属性>高级>样式>背景,移动端中可以显示。
报表块、图表块背景支持颜色、图片、渐变色
报表块、图表块设置组件背景后,对应为移动端中模板组件主体的颜色
App 及 HTML5 移动端展现插件在 V10.4.76 及之后的版本,支持背景颜色的透明度设置。
3.3 图表背景
移动端支持显示决策报表内图表的标题背景、图表区背景、绘图区背景。
设置决策报表图表>控件属性>样式>标题>背景,移动端中可以显示。
设置决策报表图表>图表属性>背景>绘图区,移动端中可以显示。
颜色、图片、渐变色
支持设置标题背景后,对应为移动端模板中图表的标题样式,此时标题的背景及标题字体颜色不采用默认,而是设置的颜色。但是标题的字体及大小仍为统一的样式。
决策报表中图表绘图区设置背景后,对应为移动端模板中图表绘图区的颜色。
3.4 控件背景
决策报表控件背景色需要单独设置,选中控件,点击「移动端>样式模板」:
1)属性设置为「默认」时,即不设置控件背景,控件背景默认为「白色」
2)属性设置为「自定义」时,可设置组件背景。
3)如果设置控件背景为透明,控件背景显示为主体背景。
3.5 Tab 块背景
移动端支持显示决策报表 Tab 块背景,支持的属性及效果如下表所示:
属性 | 是否支持 | 备注 |
---|---|---|
框架样式 | 不支持 | - |
渲染风格 | 不支持 | - |
边框粗细 | 部分支持 | 可以设置边框为无,此时 Tab 组件最外层无边框 可以设置边框,不管设置粗细大小,移动端统一显示一种粗细 |
边框颜色 | 支持 | 设置颜色后,Tab 组件外层及标题下方的边框颜色会相应改变 |
圆角 | 不支持 | - |
主体背景 | 支持 | 支持主体设置颜色、图片、渐变色背景 |
透明度 | 部分支持 | App 及 HTML5 移动端展现插件在 V10.4.76 及之后的版本,支持 Tab 块的透明度设置。 |
标题字号 | 支持 | 可以设置标题字号大小,但是标题区高度保持不变 |
标题字体 | 不支持 | 统一显示为系统字体 |
标题颜色 | 支持 | 设置标题颜色后,标题及下方的选中下划线会显示对应的颜色 未选中的 Tab 文字颜色是设置的标题颜色+0.6 的不透明度 |
标题倾斜 | 支持 | - |
标题加粗 | 支持 | - |
标题下划线 | 不支持 | - |
标题背景 | 支持 | 支持设置标题区的背景为颜色或者渐变色 |