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

目录:

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 控件背景

设置决策报表主体背景后,文本控件、下拉控件等控件背景显示为主体背景,文本、下拉内部输入框的颜色不变。

3.5 Tab 块背景

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

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