自定义用户中心Web端页面

功能介绍
最后更新时间: 1/19/2024, 11:05:32 AM

# 概述

IDaaS平台支持对用户中心Web端登录界面、注册界面、找回密码等UI界面自定义。您可以选择激活使用IDaaS提供的内置模板,或者参考本模块自定义企业品牌化的Web端界面样式。

# 前提条件

拥有IDaaS企业中心平台的管理员权限。

# 操作步骤

用户中心Web端界面的定制目前支持登录界面、注册界面、找回密码界面,各界面模板配置方式一致,下文以用户中心登录界面为例介绍。

  1. 登录IDaaS企业中心平台,在上方导航栏选择 “设置 > 界面配置” 。

  2. 选择 “用户中心Web端页面 > 定制用户中心登录界面” ,激活内置模板直接使用,或者单击 “添加自定义模板”,进入模板编辑页面,下文介绍自定义模板。

  3. 模板编辑页面左侧为实时预览界面,右侧为界面样式参数配置界面,根据需求可进行个性化设置,关键配置如下,其中LOGO、logo侧文字、版权及备案信息等请前往全局参数设置进行设置。

    • 页面布局:设置登录页面整体布局及页面背景。

      • 布局模板:选择系统内置的布局模板。

      • 页面背景:选择纯色或图片作为登录页背景,图片可选择系统内置图片或者自定义上传。

    • 顶部区域:设置登录页面顶部信息,如企业logo、logo侧文字以及多语言显示等。

      • 显示设置 :选择显示或者隐藏顶部信息,仅当 “显示” 顶部区域才可配置背景颜色及内容颜色。

      • 背景颜色:设置顶部区域的背景颜色。

      • 内容颜色:设置顶部区域的文字颜色。

    • 表单区域:设置登录页面中需要用户输入信息的区域,如输入框等。

      • 表单位置:设置表单区域的显示位置为居左、居中或居右。

      • 区域颜色:设置表单区域的背景颜色、文字颜色以及按钮、Tab标签选中等主色系颜色。

      • 输入框:设置表单区域输入框的颜色以及背景填充色。

      • 输入内容:设置表单区域在输入内容时的文字颜色以及未输入内容时的提示颜色。

    • 底部区域:设置登录页面底部信息,如版权和备案等。

      • 显示设置:选择显示或者隐藏底部信息,仅当 “显示” 底部区域才可配置背景颜色及内容颜色。

      • 背景颜色:设置底部信息栏的背景颜色。

      • 内容颜色:设置底部信息栏的文字颜色。

  4. 配置完成后可直接保存并激活,即可使用该模板。