操作入口
1、选择系统快捷菜单 系统运维 ，或者选择“系统导航栏”的 系统运维 ，如图：
2、选择“系统运维”界面主菜单 界面设置 ，如图：
界面介绍
界面设置分为 “主界面”、“登录页面设置”、“配置页面”和“自定义样式” 四个页签。
主界面
主界面分为以下两个区域：主界面设置区、效果预览区。
- 主界面设置区：该区主要用于设置界面的标题、布局风格等。
- 效果预览区：该区主要用于预览对界面进行设置后呈现的效果。
“主界面设置区”各设置项说明如下：
| 设置项 | 说明 | ||
|---|---|---|---|
| 主界面标题 | 若设置主界面标题为“Smartbi Metrics”，则效果如图：
| ||
LOGO图片 | 默认两个LOGO图片，也支持自行上传LOGO图片。左侧导航默认Logo | 界面左上角显示的Logo。支持上传自定义的Logo图片。
| |
| 顶部导航默认Logo | 设置当左侧导航栏收起时，顶部导航栏左侧显示的Logo。支持上传自定义的Logo图片。
| ||
| 主题风格 | 系统提供的主题风格有“默认、蓝色、深色、绿色、红色”及“自定义”。任选一风格，在界面右侧“效果预览区”显示如图：
| ||
登录页面设置
登录页面设置主要分为以下两个区域：登录页面设置区、效果预览区。
- 登录页面设置区：该区主要用于设置登录页标题、LOGO图片、背景图片与界面色彩。
- 效果预览区：该区主要用于预览进行页面设置后所呈现的效果。
“登录页面设置区”各设置项说明如下：
| 设置项 | 说明 | ||
|---|---|---|---|
| 登录页标题 | 用于设置登录页的标题。如设置登录页面标题为“欢迎访问Smartbi”，则重新打开登录页面效果如图：
| ||
| LOGO图片 | 用于设置登录框的LOGO图片。系统默认LOGO图片即为当前登录框LOGO图片，也支持上传自定义图片。 如下图上传自定义图片：
效果如图：
如需更换自定义图片，点击LOGO图片中间的
| ||
| 背景图片 | 用于设置登录页面的背景，支持上传自定义背景图片。任选一背景图片效果如图：
| ||
| 界面色彩 | 用于设置登录背景色、登录按钮、登录框颜色。如图：
如需重置色彩，点击
|
配置页面
用于设置Smartbi Config页面的LOGO图片。
系统默认LOGO图片即为当前LOGO图片，也支持上传自定义图片。
登录页面设置区”各设置项说明如下：
| 设置项 | 说明 |
|---|---|
| LOGO图片 | 用于设置登录页的标题。如设置登录页面标题为“Smartbi Lite”
则重新打开登录页面效果如图：
|
| 首页LOGO | 用于设置config配置页面左上角所显示的logo。如设置首页logo为紫色的“Smartbi”
则重新访问配置页面效果如图：
|
自定义样式
界面设置支持自定义样式，在自定义样式中使用同名的css选择器设置样式，其样式优先级高于产品内置的样式。
| 注意 |
|---|
自定义样式中支持修改登录框背景颜色，使用了自定义样式后要刷新前端缓存，否则会读取缓存里的样式。 |
示例
场景：设置系统导航页下方的文字。设置系统导航页下方的文字的背景色和边框色。
实现步骤：
在“界面设置 > 自定义样式”界面中输入如下代码：
代码获取：
| 代码块 | ||
|---|---|---|
| ||
.base__wrapper .main_tone_bgcolor {
background-color: #1e95c1;
color: #fff;
}
.base__wrapper .base__sidebar-wrapper {
background-color: #282d40;
} |
效果：
