# 界面配置 OneAccess提供了界面定制功能，管理员可以根据需要自定义用户门户的登录界面、注册界面和找回密码界面。管理员可以选择OneAccess提供的内置模板，也可以自定义模板。在自定义模板中，您可以修改顶部区域、表单区域和底部区域的透明度、主题色、内容颜色等，也可以修改底图，以及认证窗体的左中右布局位置等参数。 #### 设置全局参数 1. 登录OneAccess管理门户。 2. 在导航栏中，选择"设置 \> 界面配置"，进入界面配置页面。 3. 单击右侧的"全局参数配置"，在全局参数配置页面单击右上角"编辑"，可以配置全局参数。 表1全局参数配置 | 全局参数 || 说明 | |:---|---|:---| | 基本配置 | PC 端企业Logo | PC 端登录页面的Logo。 支持png/jpg/gif格式，大小不超过50K，建议尺寸42\*180px。 | | 基本配置 | 移动端企业Logo | 移动端登录页面的Logo。 支持png/jpg/gif格式，大小不超过50K，建议尺寸140\*140px。 | | 基本配置 | 网站图标Favicon | 网站的标志。 支持ico格式，大小不超过5K，建议尺寸32\*32px。 | | 用户门户登录配置 | 人机校验 | 登录页面的一种二次校验方式，默认滑动验证码，不可修改。 | | 用户门户登录配置 | 开启找回密码 | 默认开启，当用户忘记密码时，可在用户门户进行忘记密码操作。 | | 用户门户登录配置 | 开启注册 | 默认关闭，开启后，如果用户无用户门户账号，可在登录页面进行注册操作。 **当开启后，外部用户也可以注册新账号，新注册的账号所属组织默认为根组织。请谨慎操作。** | | 用户门户登录配置 | Logo右侧文字中文 | 该文字显示在登录注册页企业Logo右侧，中文字体。 | | 用户门户登录配置 | Logo右侧文字英文 | 该文字显示在登录注册页企业Logo右侧，英文字体。 | | 用户门户首页配置 | 顶部背景色 | 正常登录用户门户，用户首页顶部的显示颜色。 | | 用户门户首页配置 | 顶部文字颜色 | 正常登录用户门户，用户首页顶部的显示文字颜色。 | | 用户门户首页配置 | Logo右侧文字中文 | 该文字显示在用户门户首页浏览器窗口和页面顶部，中文字体。 | | 用户门户首页配置 | Logo右侧文字英文 | 该文字显示在用户门户首页浏览器窗口和页面顶部，英文字体。 | | 国际化 | 可选语言 | 用户门户的语言配置，可以选择中文、英文。 | | 国际化 | 默认语言 | 用户门户的默认语言，可以在配置的可选语言中任选一种。 | | 验证码配置 | 验证码长度 | 用户门户进行手机验证时，验证码的长度，可在4位、6位中任选一个。 | | 验证码配置 | 过期时间 | 用户门户进行手机验证时，验证码的过期时间，默认，可在3\~15min之间设置。 | 4. 单击"保存"全局参数设置完成。 #### 定制用户门户Web端页面 管理员可以定制用户门户Web端的访问页面，即用户通过浏览器访问的页面风格。 - 定制用户门户登录界面。 1. 登录OneAccess管理门户。 2. 在导航栏中，选择"设置 \> 界面配置"，进入界面配置页面。 3. 选择"用户门户Web端页面 \> 定制用户门户登录界面"，可通过内置模板或自定义模板定制用户门户登录界面。 - 在"内置模板"区域，鼠标放置在某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001293279345.png)处，单击"激活"，则该模板便为定制的用户门户登录界面。 - 在"自定义模板"区域，单击"添加自定义模板"，参考[表2]配置参数信息。单击"保存并激活"，则该模板便为定制的用户门户登录界面。也可将鼠标放置自定义的某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001387298701.png)处选择"编辑"或"删除"编辑或删除自定义模板。 表2自定义方案参数 | 界面区域 | 参数 | 说明 | |:---|:---|:---| | 页面布局 | 布局模板 | 可选择布局模板。 | | 页面布局 | 页面背景图 | 用户门户的页面背景。推荐图片尺寸1920\*1080。可在页面背景图参考中任选一个，也可以上传需要的背景图片。 | | 页面布局 | 页面背景图参考 | 页面背景图选择的范围。上传的图片也会展示在这里。 | | 页面布局 | 页面背景色 | 页面背景的颜色，支持自定义。 说明： 页面背景图会覆盖页面背景色。 | | 顶部区域 | 显示设置 | 控制用户门户顶部区域是否显示，可在显示、隐藏中任选一个。 | | 顶部区域 | 背景颜色 | 用户门户顶部区域的背景颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 顶部区域 | 内容颜色 | 用户门户顶部区域的文字颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 表单区域 | 表单位置 | 控制用户门户表单区域登录表单的位置，可在居左、居中、居右中任选一个。 | | 表单区域 | 区域颜色 | 可设置： - 背景色：用户门户表单区域表单的背景颜色。 - 内容颜色：Tab标签栏默认文字、表单域标签文本、其他提示文本。 - 主色系：表单中按钮颜色、Tab标签选中/悬停颜色、链接文字颜色。 | | 表单区域 | 输入框 | 可选择输入框样式，选择完输入框样式后，可设置用户门户表单区域表单输入框的边框和背景颜色。 | | 表单区域 | 输入内容 | 可设置： - 内容颜色：用户门户表单区域表单文本的颜色。 - 提示内容颜色：用户门户登录表单的提示文字色。 | | 表单区域 | 第三方登录 | 可设置： 按钮边框颜色、按钮背景颜色、内容颜色。 | | 底部区域 | 显示设置 | 控制用户门户底部区域是否显示，可在显示、隐藏中任选一个。 | | 底部区域 | 底部背景颜色 | 用户门户底部区域的背景颜色。 该参数只在Web端的登录、注册界面配置。 | | 底部区域 | 底部内容颜色 | 用户门户底部区域的文字颜色。 | - 定制用户门户注册界面。 1. 登录OneAccess管理门户。 2. 在导航栏中，选择"设置 \> 界面配置"，进入界面配置页面。 3. 选择"用户门户Web端页面 \> 定制用户门户注册界面"，可通过内置模板或自定义模板定制用户门户注册界面。 - 在"内置模板"区域，鼠标放置在某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001336223648.png)处，单击"激活"，则该模板便为定制的用户门户注册界面。 - 在"自定义模板"区域，单击"添加自定义模板"，参考[表3]配置参数信息。单击"保存并激活"，则该模板便为定制的用户门户注册界面。也可将鼠标放置自定义的某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001336619092.png)处选择"编辑"或"删除"编辑或删除自定义模板。 表3自定义方案参数 | 界面区域 | 参数 | 说明 | |:---|:---|:---| | 页面布局 | 布局模板 | 可选择布局模板。 | | 页面布局 | 页面背景图 | 用户门户的页面背景。推荐图片尺寸1920\*1080。可在页面背景图参考中任选一个，也可以上传需要的背景图片。 | | 页面布局 | 页面背景图参考 | 页面背景图选择的范围。上传的图片也会展示在这里。 | | 页面布局 | 页面背景色 | 页面背景的颜色，支持自定义。 说明： 页面背景图会覆盖页面背景色。 | | 顶部区域 | 显示设置 | 控制用户门户顶部区域是否显示，可在显示、隐藏中任选一个。 | | 顶部区域 | 背景颜色 | 用户门户顶部区域的背景颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 顶部区域 | 内容颜色 | 用户门户顶部区域的文字颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 表单区域 | 表单位置 | 控制用户门户表单区域登录表单的位置，可在居左、居中、居右中任选一个。 该参数只在Web端的登录、注册界面配置。 | | 表单区域 | 区域颜色 | 可设置： - 背景色：用户门户表单区域表单的背景颜色。 - 内容颜色：Tab标签栏默认文字、表单域标签文本、其他提示文本。 - 主色系：表单中按钮颜色、Tab标签选中/悬停颜色、链接文字颜色。 | | 表单区域 | 输入框 | 可选择输入框样式，选择完输入框样式后，可设置用户门户表单区域表单输入框的边框和背景颜色。 | | 表单区域 | 输入内容 | 可设置： - 内容颜色：用户门户表单区域表单文本的颜色。 - 提示内容颜色：用户门户登录表单的提示文字色。 | | 底部区域 | 显示设置 | 控制用户门户底部区域是否显示，可在显示、隐藏中任选一个。 | | 底部区域 | 底部背景颜色 | 用户门户底部区域的背景颜色。 | | 底部区域 | 底部内容颜色 | 用户门户底部区域的文字颜色。 | - 定制用户门户找回密码界面。 1. 登录OneAccess管理门户。 2. 在导航栏中，选择"设置 \> 界面配置"，进入界面配置页面。 3. 选择"用户门户Web端页面 \> 定制用户门户找回密码界面"，可通过内置模板或自定义模板定制用户门户找回密码界面。 - 在"内置模板"区域，鼠标放置在某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001386983633.png)处，单击"激活"，则该模板便为定制的用户门户找回密码界面。 - 在"自定义模板"区域，单击"添加自定义模板"，参考[表4]配置参数信息。单击"保存并激活"，则该模板便为定制的用户门户找回密码界面。也可将鼠标放置自定义的某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001336938644.png)处选择"编辑"或"删除"编辑或删除自定义模板。 表4自定义方案参数 | 界面区域 | 参数 | 说明 | |:---|:---|:---| | 页面布局 | 布局模板 | 可选择布局模板。 | | 页面布局 | 页面背景图 | 用户门户的页面背景。推荐图片尺寸1920\*1080。可在页面背景图参考中任选一个，也可以上传需要的背景图片。 | | 页面布局 | 页面背景图参考 | 页面背景图选择的范围。上传的图片也会展示在这里。 | | 页面布局 | 页面背景色 | 页面背景的颜色，支持自定义。 说明： 页面背景图会覆盖页面背景色。 | | 顶部区域 | 显示设置 | 控制用户门户顶部区域是否显示，可在显示、隐藏中任选一个。 | | 顶部区域 | 背景颜色 | 用户门户顶部区域的背景颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 顶部区域 | 内容颜色 | 用户门户顶部区域的文字颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 表单区域 | 表单位置 | 控制用户门户表单区域登录表单的位置，可在居左、居中、居右中任选一个。 | | 表单区域 | 区域颜色 | 可设置： - 背景色：用户门户表单区域表单的背景颜色。 - 内容颜色：Tab标签栏默认文字、表单域标签文本、其他提示文本。 - 主色系：表单中按钮颜色、Tab标签选中/悬停颜色、链接文字颜色。 | | 表单区域 | 输入框 | 可选择输入框样式，选择完输入框样式后，可设置用户门户表单区域表单输入框的边框和背景颜色。 | | 表单区域 | 输入内容 | 可设置： - 内容颜色：用户门户表单区域表单文本的颜色。 - 提示内容颜色：用户门户登录表单的提示文字色。 | | 底部区域 | 显示设置 | 控制用户门户底部区域是否显示，可在显示、隐藏中任选一个。 | | 底部区域 | 底部背景颜色 | 用户门户底部区域的背景颜色。 | | 底部区域 | 底部内容颜色 | 用户门户底部区域的文字颜色。 | #### 定制用户门户移动端页面 管理员可以定制用户门户移动端的访问页面，即用户通过手机、平板等移动设备访问的页面风格。 - 定制用户门户登录界面。 1. 登录OneAccess管理门户。 2. 在导航栏中，选择"设置 \> 界面配置"，进入界面配置页面。 3. 选择"用户门户移动端页面 \> 定制用户门户登录界面"，可通过内置模板或自定义模板定制用户门户登录界面。 - 在"内置模板"区域，鼠标放置在某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001336063992.png)处，单击"激活"，则该模板便为定制的用户门户登录界面。 - 在"自定义模板"区域，单击"添加自定义模板"，参考[表5]配置参数信息。单击"保存并激活"，则该模板便为定制的用户门户登录界面。也可将鼠标放置自定义的某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001337098620.png)处选择"编辑"或"删除"编辑或删除自定义模板。 表5自定义方案参数 | 界面区域 | 参数 | 说明 | |:---|:---|:---| | 页面布局 | 布局模板 | - | | 页面布局 | 页面背景图 | 用户门户的页面背景。推荐图片尺寸1920\*1080。可在页面背景图参考中任选一个，也可以上传需要的背景图片。 | | 页面布局 | 页面背景图参考 | 页面背景图选择的范围。上传的图片也会展示在这里。 | | 页面布局 | 页面背景色 | 页面背景的颜色，支持自定义。 说明： 页面背景图会覆盖页面背景色。 | | 顶部区域 | 显示设置 | 控制用户门户顶部区域是否显示，可在显示、隐藏中任选一个。 | | 顶部区域 | 背景颜色 | 用户门户顶部区域的背景颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 顶部区域 | 内容颜色 | 用户门户顶部区域的文字颜色。只有当显示设置为"显示"时，才需要设置该参数。 | | 顶部区域 | 图标 | 控制用户门户顶部区域图标是否显示，可在显示、隐藏中任选一个。 | | 表单区域 | 区域颜色 | 可设置： - 背景色：用户门户表单区域表单的背景颜色。 - 内容颜色：Tab标签栏默认文字、表单域标签文本、其他提示文本。 - 主色系：表单中按钮颜色、Tab标签选中/悬停颜色、链接文字颜色。 | | 表单区域 | 输入框 | 可设置用户门户表单区域表单输入框的边框颜色。 | | 表单区域 | 输入内容 | 可设置： - 内容颜色：用户门户表单区域表单文本的颜色。 - 提示内容颜色：用户门户登录表单的提示文字色。 | | 底部区域 | 显示设置 | 用户门户底部区域的文字颜色。 | | 底部区域 | 底部文字 | 用户门户底部区域的文字。 | - 定制用户门户注册界面 1. 登录OneAccess管理门户。 2. 在导航栏中，选择"设置 \> 界面配置"，进入界面配置页面。 3. 选择"用户门户移动端页面 \> 定制用户门户注册界面"，可通过内置模板或自定义模板定制用户门户注册界面。 - 在"内置模板"区域，鼠标放置在某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001386703957.png)处，单击"激活"，则该模板便为定制的用户门户注册界面。 - 在"自定义模板"区域，单击"添加自定义模板"，参考[表6]配置参数信息。单击"保存并激活"，则该模板便为定制的用户门户注册界面。也可将鼠标放置自定义的某一模板上，在![](https://support.huaweicloud.com/usermanual-oneaccess/zh-cn_image_0000001387458641.png)处选择"编辑"或"删除"编辑或删除自定义模板。 表6自定义方案参数 | 界面区域 | 参数 | 说明 | |:---|:---|:---| | 页面布局 | 布局模板 | 可选择布局模板。 | | 页面布局 | 页面背景图 | 用户门户的页面背景。推荐图片尺寸1920\*1080。可在页面背景图参考中任选一个，也可以上传需要的背景图片。 | | 页面布局 | 页面背景图参考 | 页面背景图选择的范围。上传的图片也会展示在这里。 | | 页面布局 | 页面背景色 | 页面背景的颜色，支持自定义。 说明： 页面背景图会覆盖页面背景色。 | | 顶部区域 | 背景颜色 | 用户门户顶部区域的背景颜色。只有当顶部banner条设置为"显示"时，才需要设置该参数。 | | 顶部区域 | 内容颜色 | 用户门户顶部区域的文字颜色。只有当顶部banner条设置为"显示"时，才需要设置该参数。 | | 表单区域 | 区域颜色 | 主色系：可设置表单中按钮颜色、Tab标签选中/悬停颜色、链接文字颜色。 | | 表单区域 | 输入框 | 设置用户门户表单区域表单输入框的边框颜色。 | | 表单区域 | 输入内容 | 可设置： - 内容颜色：用户门户表单区域表单文本的颜色。 - 提示内容：用户门户登录表单的提示文字色。 |