数据门户样式

适用场景：安装了「数据门户」插件的用户，可参考本文了解数据门户的相关功能。

1.1 版本

1.2 功能简介

本文将介绍编辑数据门户时，可对页面和组件进行的样式设置。

管理员登录FineBI系统，点击「管理系统>数据门户>门户管理」，点击「新建门户」，新建一张数据门户看板，如下图所示：

数据门户采用网格布局，组件按照网格细粒度调整宽高。

在数据门户编辑界面，未选中任何组件的情况下，可在右侧设置「页面设置」，如下图所示：

页面背景支持两种形式：

在数据门户编辑界面，选中一个组件，可在右侧设置「组件样式」。如下图所示：

样式设置支持选择「跟随主题」和「自定义」

• 跟随主题

V1.2及之后版本，数据门户插件内置了四套门户样式。

选择「跟随主题」，则组件样式跟随门户样式，详情请参见本文第四章。

注：文本组件和图片组件不支持跟随主题。

• 自定义
  

自定义组件样式包括组件标题、标题文本、标题背景、组件背景、组件图标。

组件样式	支持的组件范围	说明	示例
组件标题 标题文本	文本组件不支持 图片组件不支持	支持设置是否显示组件标题 支持设置组件标题内容 支持设置标题字体和字号 支持设置标题文字样式：加粗、斜体、下划线、颜色、对齐位置
标题背景	文本组件不支持 图片组件不支持	支持设置组件标题的背景颜色 支持设置组件标题前的图标 支持设置组件标题图标和文字的间距 包括预定义和自定义样式 1）预定义 包括简约、商务、清新三种样式 2）自定义 支持设置标题的背景颜色和透明度
组件背景	全部支持	支持设置组件的背景颜色和透明度 支持设置组件的圆角尺寸 支持设置组件的边框线条颜色和粗细
组件图标	仅支持报表动态组件	V1.2及之后版本插件，内置了五种图标样式，可自行选择
列表配色	仅支持公告栏组件-全部公告	V1.2及之后版本插件，当公告栏组件展示全部公告时，支持设置列表配色

注1：标题背景、组件背景等颜色设置中，可拖动滚动条或手动输入数值，来调整透明度，如下图所示：

注2：V1.2及之后版本插件，内置了四个标题图片以适配不同主题的门户样式。

图片组件的组件背景，支持选择「内置图片」。如下图所示：

V1.2及之后版本插件，支持一键切换数据门户看板样式。

插件内置了四套样式，覆盖看板页面背景、组件标题样式、组件背景、组件图标、快捷入口图标、公告栏列表配色。

若页面设置/组件样式选择「跟随主题」，如下图所示：

那么即可点击「门户样式」按钮，一键切换看板主题样式。如下图所示：