[通用]背景颜色规范

  • 文档创建者:文档助手1
  • 编辑次数:9次
  • 最近更新:Carly 于 2020-08-25
  • 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 的不透明度
    标题倾斜支持-
    标题加粗支持-
    标题下划线不支持-
    标题背景支持支持设置标题区的背景为颜色或者渐变色

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!