¶ 应用面板配置

路径：品牌化->应用面板

应用面板 (opens new window)，是展示和访问用户池内部可使用 单点登录 SSO (opens new window) 的各类应用的载体，企业管理员可将员工、或目标终端用户所需的各类应用加入到应用面板，实现员工 / 终端用户对各应用的单点登录（SSO），提高工作效率、保证信息安全。

应用面板配置支持修改应用面板的面板名称、Logo、地址、样式和背景等信息，你也可以通过自定义 css 搭建一个美观的、贴合品牌形象的应用面板。对应用面板进行更细粒度的品牌化配置可以深化组织内部终端使用者对品牌的认知；或在作为外部业务系统使用时提升可信度，并进一步拓展单点登录面板的适用场景。

¶ 基础设置

企业管理员或具有 Authing 控制台权限的管理员可以进入控制台 品牌化->应用面板->基础设置 修改应用面板基本信息：

¶ 样式配置

应用面板的样式配置分为桌面设备样式和移动设备样式，桌面设备支持自定义主题、自定义背景、自定义 css；移动设备支持自定义背景和自定义 css。

¶ 自定义应用面板主题

管理员可以为应用面板选择 亮色模式、暗色模式 两种主题，两种主题皆为应用面板预置了一套颜色和背景样式配置；也可以在此基础上编辑自定义的颜色和背景样式。默认主题为暗色模式。

¶ 自定义背景

管理员可以将应用面板背景设置为任意纯色；或者上传图片作为应用面板背景，此处可自定义贴合企业品牌形象 / 营销需求的背景图。以桌面设备为例，操作步骤如下：

1. 准备一张桌面设备尺寸背景图
2. 打开 品牌化->应用面板->样式配置，选择 桌面设备->自定义背景->图片背景
3. 鼠标悬停于图像框，点击【重传】，从本地上传图片，查看预览效果

4. 点击页头右侧按钮【保存配置】，保存成功后即可登录应用面板体验。

¶ 自定义 css

要通过自定义 css 配置个性化应用面板框，需要在 样式配置 标签页打开 自定义 css 开关。

1. 以修改背景颜色为例：

.authing-launchpad-container {
  background: #F5F7FA !important;
}

实现效果如下图：

2. 以修改页面元素位置为例：

.authing-launchpad-header { 
  position: absolute; bottom: 0px; 
}

实现效果如下图：

¶ 自定义 css 有以下注意事项：####

• 尽量控制指定 css 生效范围​，其生成规则是依赖最后一级路由。
  如只针对应用面板页面样式，可在所有 css 选择器前添加 .launchpad，如 /login 页面 则添加 .launchpad。

• 尽量指定要修改的 控制面板 渲染节点，移动端常见渲染节点如：
  • .authing-launchpad-m-content
  • .authing-launchpad-m-content
  • .authing-launchpad-m-content-container
  • ...

如下图.authing-launchpad-container 这个类名表明 launchpad 处于应用面板节点。携带这个类名作为前置的选择器，其样式只会在应用面板节点生效​。

• 尽量精确选择元素。如果 dom 层级很深，建议使用 复制 selector 并配合前面第一、二条的前置选择器使用。