页面树结构
转至元数据结尾
转至元数据起始


该设置项用于设置仪表盘所有组件的样式,包括:背景、字体、边框、标题。

背景

设置所有组件的背景,分为“颜色”和“图片”两种。

颜色

点击颜色,可按需自定义组件背景颜色,包括单色和渐变。

颜色运用示例效果如下:

颜色样式

说明

展示效果

纯色即纯色,如:红、蓝、粉等

单色渐变同一色系的渐变,如淡蓝到深蓝

多色渐变两种及以上的色系进行渐变

渐变各设置项说明如下:

设置项

说明

渐变色类型分为线性渐变和径性渐变
渐变方向

当为线性渐变时,渐变方向有从上到下、从下到上、从左到右、从右到左

当为径性渐变时,渐变方向有居中、左上、右上、左下、右下

渐变颜色点击+ / -号增删色标,或点击色条上的空白位置增加色标,选中色标后,可以调整色标颜色和色标位置

色标,通过色标设置渐变颜色
色标颜色调整色标的颜色
色标位置以百分比的形式调整色标所处的位置

图片

点击上传图片,每个组件的背景都为上传的图片,效果如图:

上传图片的说明:

1、一次只能上传一个文件,双击上传图片框可重新上传。

2、当上传的图片大小超过300KB时,弹出如下“提示”框,选择压缩或不压缩图片。

对于上传的背景图片,有四种拉伸方式:适应、平铺、拉伸、填充。关于拉伸方式的说明详情请参考 图片


字体

设置所有组件内的字体样式,样式包括:字体类型、字体大小、加粗、斜体、下划线、文本对齐方式、颜色。

设置字体类型为“楷体”、字体大小为“24”,效果如图:


边框

设置所有组件的边框,包括:边框类型、边框大小和边框颜色。

设置边框类型为“虚线”,边框大小为“2”,边框颜色为“灰色”,效果如图:

标题

设置标题展现或隐藏,以及设置标题展现时标题的样式。

标题展现与否的对比如下:

标题说明
标题展现

标题隐藏

关于组件标题的优先级:组件自身设置的标题展现或隐藏的优先级高于主题设置。

标题展现时,支持设置标题样式,具体说明如下:

  • 标题栏颜色:设置标题栏颜色。
  • 标题字型\大小:设置标题栏文字的字型和大小。
  • 加粗:设置标题栏文字加粗。
  • 斜体:设置标题栏文字为斜体。
  • 下划线:设置标题栏文字加下划线。
  • 对齐方式:设置标题栏文字的对齐方式:有“居左、居中、居右”三种对齐方式。
  • 颜色:设置标题栏文字颜色。
  • 无标签