[通用]背景颜色规范

  • 产品级协助
  • 文档创建者:文档助手1
  • 历史版本:14
  • 最近更新:Tracy.Wang 于 2024-08-21
  • 1. 概述

    1.1 版本

    报表服务器版本
    App 版本HTML5移动端展现插件版本功能变动
    11.0V11.0V11.0-

    1.2 功能简介

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

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

    2. 普通报表

    2.1 报表背景

    普通报表支持设置 纸张背景 ,移动端支持显示。

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

    2.2 单元格样式

    普通报表支持设置单元格样式,移动端支持显示,详情参见:单元格样式

    2.3 图表样式

    普通报表支持设置单元格样式,移动端支持显示,详情参见:图表样式

    3. 决策报表

    注:移动端不支持显示参数界面的背景。

    3.1 body

    决策报表支持设置 body 的背景和水印,移动端支持显示。

    设计器中设置 body 的背景后,移动端预览时,对应显示为整个主体背景,详情参见:body 的背景设置 。

    设计器中设置 body 的水印后,移动端预览时,对应显示在主体背景上方,详情参见:body 的水印

    3.2 报表块、图表

    决策报表支持设置报表块、图表的样式,移动端部分支持显示

    以报表块为例,功能入口如下图所示:

    报表块.png

    3.2.1 跟随主题

    功能入口如下图所示:

    报表块跟随主题.png


    具体设置项及说明如下表所示:

    设置项
    移动端是否支持显示说明
    标题样式标题可见支持

    支持设置标题是否可

    文本支持勾选「标题可见」时,支持设置标题文本

    3.2.2 自定义

    功能入口如下图所示:

    报表块自定义.png

    具体设置项及说明如下表所示:

    设置项移动端是否支持显示说明
    标题样式
    标题可见支持支持设置标题是否可见
    文本支持勾选「标题可见」时,支持设置标题文本
    字符部分支持
    • 勾选「标题可见」时,支持设置标题字体、字号、文字颜色、倾斜、加粗、划线

    • 移动端仅支持显示字号、文字颜色、倾斜、划线

    标题图案支持勾选「标题可见」时,支持自定义上传标题图案,支持设置图案相对位置、图文间隔
    位置支持勾选「标题可见」时,支持设置标题位置
    标题填充支持勾选「标题可见」时,支持设置标题填充为没有背景、颜色、图片、渐变色
    主体内容主体填充支持支持设置主题填充为没有背景、颜色、图片、渐变色
    外沿样式
    渲染风格不支持-
    边框支持
    支持设置边框为无、自定义图片、不同线型
    边框颜色支持设置边框为不同线型时,支持设置边框颜色
    圆角支持支持设置圆角
    内边距不支持-

    3.3 Tab 块

    Tab 块分为 tablayout、tabphane、Tab 三部分。

    1)决策报表支持设置 tablayout 的样式,移动端部分支持显示。

    2)决策报表支持设置 tabphane 的移动端样式模板,移动端支持显示。

    • tabphane 移动端样式模板为「默认」时,tabphane「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」部分支持显示,Tab「属性」的「样式」部分支持显示。

    • tabphane 移动端样式模板为「其他样式」时,tabphane 「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」不支持显示,Tab「属性」的「样式」不支持显示。

    3.3.1 tablayout

    决策报表支持设置 tablayout 的样式,移动端部分支持显示。

    功能入口如下图所示:

    tablayout.png

    各设置项及说明如下表所示:

    设置项
    移动端是否支持显示说明
    主体内容主体填充支持支持设置为没有背景、颜色、图片、渐变色
    外沿样式渲染风格不支持
    -
    边框支持支持设置为无或不同线型
    边框颜色支持支持设置边框颜色

    3.3.2 tabphane

    决策报表支持设置 tabphane 的移动端样式模板,移动端支持显示。

    • tabphane 移动端样式模板为「默认」时,tabphane「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」部分支持显示。

    功能入口如下图所示:

    tabphane.png

    各设置项及说明如下表所示:

    设置项
    移动端是否支持显示说明
    样式模板部分支持
    • 支持设置样式模板

    • 移动端仅支持显示默认样式模板,选择其他样式模板时,均显示为默认样式模板

    显示位置部分支持
    • 支持设置显示位置

    • 移动端仅支持显示「上」「下」两种位置,选择「左」「右」时,均显示为「上」

    背景支持

    支持设置背景为没有背景、颜色、渐变色

    字体部分支持
    • 支持设置字体、常规、加粗、斜体、字号、文字颜色、下划线、删除线、阴

    • 移动端仅支持显示常规、斜体、字号、文字颜色、下划线、删除线

    文本方向部分支持
    • 支持设置文本方向

    • 移动端仅支持横排显示

    • tabphane 移动端样式模板为「其他样式」时,tabphane 「属性」的「样式模板」、「显示位置」、「背景」、「字体」、「文本方向」不支持显示。

    3.3.3 Tab

    • tabphane 的移动端样式模板为「默认」时,Tab「属性」的「样式」部分支持显示。

    功能入口如下图所示:

    Tab.png

    各设置项及说明如下表所示:

    设置项
    移动端是否支持显示说明
    默认支持
    选择「默认」时,Tab 样式默认显示为 tabphane 样式模板
    自定义
    初始背景
    支持
    • 支持设置Tab 初始背

    • 移动端支持显示

    鼠标浮动背景不支持-
    选中背景支持
    • 支持设置Tab 选中背

    • 移动端支持显示

    • tabphane 的移动端样式模板为「其他样式」时,Tab「属性」的「样式」不支持显示。

    3.4 控件

    决策报表支持设置控件的移动端样式模板,移动端支持显示,详情参见:决策报表控件移动端样式

    4. FVS 可视化看板

    4.1 模板

    FVS 可视化看板支持设置模板样式,移动端支持显示,详情参见:FVS模板样式

    4.2 页面

    注:FVS 可视化看板的 PC 端、移动端功能配置区别,详情参见:功能配置区别 。

    FVS 可视化看板移动端页面的设置根据是否开启 移动端布局,设置项略有不同,如下图所示:

    821-1121.png

    各设置项及说明如下表所示:

    设置项
    说明
    名称支持设置页面名称,默认为「页面+数字」,数字从 1 开始,依次累加
    页面背景支持设置页面背景为无、颜色、自定义上传
    页面边距仅开启移动端布局时支持设置组件与页面的上下左右边距
    组件间隙开启移动端布局时支持设置组件之间的间隙

    4.3 组件

    注:FVS 可视化看板的 PC 端、移动端功能配置区别,详情参见:功能配置区别 。

    FVS 可视化看板支持设置移动端组件样式及组件属性,功能入口如下图所示:

    FVS组件样式.png

    各设置项及说明如下表所示:

    设置项
    说明
    组件样式边框背景支持设置边框背景为无、颜色、自定义上传
    边框线
    • 支持设置边框线为无或不同线

    • 支持设置边框线粗细。默认为 1 px

    • 支持设置边框线颜色

    圆角半径支持设置整体或单个圆角半径
    组件属性
    名称支持设置组件名称
    内边距
    支持设置组件内部与组件整体的上下左右内边距
    不透明度支持设置组件的不透明度

    附件列表


    主题: 移动端应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    9s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持

    反馈已提交

    网络繁忙