最新历史版本 :[通用]背景颜色规范 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

  • 移动端支持显示自定义的背景

  • 规范对背景的定义及显示效果

2. 普通报表编辑

2.1 报表背景

移动端支持显示普通报表的 纸张背景,包括:颜色、图片、纹理、图案、渐变色。

设计器中设置纸张背景后,移动端预览时,对应显示为整个中部主体背景。

2.2 单元格背景

移动端支持显示普通报表中的单元格背景,包括:单元格背景、图表区背景、绘图区背景。

设置[单元格]>[背景],移动端中可以显示。

设置[单元格图表]>[图表区背景]/[绘图区背景] ,移动端中可以显示。

  • 单元格背景支持颜色、图片、纹理、图案、渐变色

  • 单元格图表背景支持颜色、图片、渐变色

  • 单元格及单元格图表背景设置后,就是对应的区域显示颜色,与 PC 端相同

3. 决策报表编辑

3.1 主体背景

移动端支持显示决策报表 body 主体背景。

  • 决策报表主体背景支持颜色、图片、渐变色

  • 决策报表设置主体背景后,对应为 App 整个中部主体背景

  • 决策报表设置主体背景后,客户端即识别「客户使用自定义样式」,此时若决策报表内组件没有单独设置背景色,则显示出决策报表主体背景,对应显示为整个中部主体背景

3.2 组件背景

移动端支持显示决策报表报表块和图表块背景。

设置「报表块/图表块」>「控件属性」>「高级」>「样式」>「背景」,移动端中可以显示。

image.png

  • 报表块、图表块背景支持颜色、图片、渐变色

  • 报表块、图表块设置组件背景后,对应为移动端中模板组件主体的颜色

  • App 及 HTML5 移动端展现插件在 V10.4.76 及之后的版本,支持背景颜色的透明度设置。

3.3 图表背景

移动端支持显示决策报表内图表的「标题背景」、「图表区背景」、「绘图区背景」。

设置决策报表「图表」>「控件属性」>「样式」>「标题」>「背景」,移动端中可以显示。

image.png

设置决策报表「图表」>「图表属性」>「背景」>「绘图区」,移动端中可以显示。
222

  • 决策报表中图表标题/图表背景支持「颜色」、「图片」、「渐变色」

  • 决策报表中图表设置标题背景后,对应为移动端模板中图表的标题样式,此时标题的背景及标题字体颜色不采用默认,而是设置的颜色。但是标题的字体及大小仍为统一的样式。

  • 决策报表中图表绘图区设置背景后,对应为移动端模板中图表绘图区的颜色。

3.4 控件背景

决策报表控件背景色需要单独设置,选中控件,点击「移动端>样式模板」:

1)属性设置为「默认」时,即不设置控件背景,控件背景默认为「白色」

2)属性设置为「自定义」时,可设置组件背景。

3)如果设置控件背景为透明,控件背景显示为主体背景。

2020-08-25_16-55-18.png

3.5 Tab 块背景

移动端支持显示决策报表 Tab 块背景,支持的属性及效果如下表所示:

属性  是否支持  备注  
框架样式不支持-
渲染风格不支持-
边框粗细部分支持可以设置边框为无,此时 Tab 组件最外层无边框
可以设置边框,不管设置粗细大小,移动端统一显示一种粗细
边框颜色支持设置颜色后,Tab 组件外层及标题下方的边框颜色会相应改变
圆角不支持-
主体背景支持支持主体设置颜色、图片、渐变色背景
透明度部分支持App 及 HTML5 移动端展现插件在 V10.4.76 及之后的版本,支持 Tab 块的透明度设置。
标题字号支持可以设置标题字号大小,但是标题区高度保持不变
标题字体不支持统一显示为系统字体
标题颜色支持设置标题颜色后,标题及下方的选中下划线会显示对应的颜色
未选中的 Tab 文字颜色是设置的标题颜色+0.6 的不透明度
标题倾斜支持-
标题加粗支持-
标题下划线不支持-
标题背景支持支持设置标题区的背景为颜色或者渐变色