反饋已提交

網絡繁忙

[通用]背景颜色规范

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 的不透明度
标题倾斜支持-
标题加粗支持-
标题下划线不支持-
标题背景支持支持设置标题区的背景为颜色或者渐变色

附件列表


主題: 原简体文档
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙