1.背景
报表开发过程中,为了确保报表整体样式的美观性,颜色的配置是必不可少的。
但是目前关于背景配置的文档比较分散。
所以,现在我们针对普通报表归纳一下,看看普通报表开发过程中涉及那些背景颜色配置的场景。
2.普通报表的背景配置
归纳一下,普通报表的背景配置主要分为以下六个方面,具体如下图【背景配置图】所示:
①工具栏背景
配置路径:模板web属性》分页预览&&填报预览&&数据分析预览》工具栏》背景设置
使用范围:用于工具栏所在区域的颜色的配置,见上面背景配置图中①所在区域
②控件背景
配置路径:小部分控件支持属性直接配置,如按钮【下图】;部分需要通过插件【控件显示增强】或者js进行背景自定义【修改控件颜色】
使用范围:用于控件对应的背景区域的颜色的配置,见上面背景配置图中②所在区域
③参数栏背景
配置路径:点击参数栏》点击背景》设置颜色
使用范围:用于参数栏所在区域的颜色的配置,见上面背景配置图中③所在区域
④单元格背景
配置路径:页面直接配置或者选择单元格属性》格式》填充中配置或者条件属性中进行配置
使用范围:用于对应单元格所在区域的颜色的配置,见上面背景配置图中④所在区域
使用场景:
a.修改特定单元格的颜色,进行数据突出显示【条件属性】
b.分列设置,进行数据对比
c.间隔色,方便看数据
d.悬浮色,动态定位
⑤纸张背景
配置路径:模板》纸张背景》背景设置
使用范围:用于报表para所在区域的颜色的配置,见上面背景配置图中⑤所在区域
使用场景:
a.预览后的报表主体颜色设置
b.导出报表背景设置
c.打印报表背景设置
更多信息,参考文档【纸张背景】
⑥浏览器背景
配置路径:模板》模板web属性》浏览器背景
使用范围:主要用于,见上面背景配置图中⑥所在区域
使用场景:
a.报表预览前的报表主体颜色展示
b.报表预览后的非报表区域的颜色设置
和纸张背景的差异,参考文档【差异】和【模板web属性】
ps:关于图表背景相关就隶属于图表模块,此处不做介绍,详细可以参考文档【图表】
基于以上,我们即可按照我们的UI体系进行各个颜色系列的精准开发,从整体UI上保持颜色和风格的一致性。
最后,文档为个人总结,部分内容不完善、错误或者有遗漏的地方欢迎各位大佬补充~~ |