如何自定义修改登录界面的logo、布局等

功能介绍

本平台支持您对登录界面、注册界面、找回密码、绑定等UI界面进行自定义。您可以选择IDaaS提供的内置模板,激活即可使用;也可以选择相应布局模板后,再进行自定义。

在自定义中,您可以修改header,body,footer区域的透明度、主题色、反显、button等,可以修改底图,以及认证窗体的左中右布局位置等参数。

在全局参数中,您可以修改PC端、移动端的主题logo,以及浏览器的icon显示。同时,您可以在认证窗体中,选择是否开启注册流程、是否开启找回密码流程、以及认证中是否需要进行人机校验。

# 配置说明

管理员登录企业中心》设置》界面配置,可以看到全局参数设置、用户中心Web端页面、用户中心移动端页面。

# 全局参数设置

  • 基本配置
    • PC端企业LOGO:
      • 支持png/jpg/gif格式,大小不超过50K
      • 建议尺寸42*180px
    • 移动端企业LOGO:
      • 支持png/jpg/gif格式,大小不超过50K
      • 建议尺寸140*140px
    • 网站图标Favicon:
      • 仅支持ico格式,大小不超过5K
      • 建议尺寸32*32px
    • 版权信息:页面底部的版权展示信息
    • 备案号信息:页面底部的备案号信息

  • 用户中心登录配置
    • 人机校验:
      • 滑动验证码 建议选择此项
    • 开启找回密码:登录界面增加忘记密码按钮
    • 开启注册:登录界面增加 注册按钮
    • Logo右侧文字中文:该文字显示在认证中心登录注册页企业Logo右侧
    • Logo右侧文字英文

  • 用户中心首页配置
    • 顶部背景颜色:自定义
    • 顶部文字颜色:自定义
    • Logo右侧文字中文:该文字显示在PC端用户中心企业Logo右侧和浏览器窗口标题、以及移动端首页标题
    • Logo右侧文字英文

  • 国际化
    • 可选语言:中文 英文
    • 默认语言:中文

  • 验证码配置
    • 验证码长度:4位 6位
    • 过期时间:3至15分钟

# 用户中心Web端页面

# 定制用户中心登录界面

IDaaS内置了5个用户中心登录界面模板,选择进行激活

同时支持自定义模板

点击添加自定义方案按钮,进入模板编辑页面

模板编辑分为5个区域,顶部是模板页面预览,下面依次是页面布局、顶部区域、底部区域、表单区域的配置,根据需求可进行个性化设置,设置完成后点击保存,输入模板名称。

  • 页面布局
    • 页面背景图:支持上传自定义背景图片,也可以选择参考图
    • 页面背景颜色:选择颜色
    • 中部文字颜色:选择颜色

  • 顶部区域
    • 顶部banner条 :显示 隐藏
    • 头部背景色:选择颜色
    • 头部文字色:选择颜色

  • 底部区域
    • 是否显示底部:显示 隐藏
    • 底部背景色:选择颜色
    • 底部文字的:选择颜色

  • 表单区域
    • 表单位置:居左 居中 居右
    • 表单标题:自定义
    • 表单输入框背景色:选择颜色
    • 表单文本默认色:选择颜色
    • 变淡主题色:选择颜色

选择保存的自定义模板,进行激活或删除

# 定制用户中心注册界面

IDaaS内置了5个用户中心注册界面模板,选择进行激活

同时支持自定义模板

注册界面的自定义模板编辑区域基本与登录界面的自定义模板编辑区域相同,这里不做单独说明

表单区域增加了 用户协议、隐私政策的配置地址,填写内容为协议的url地址

# 用户中心移动端页面

# ** 定制用户中心登录界面**

IDaaS内置了5个用户中心登录界面模板,选择进行激活

同时支持自定义模板

点击添加自定义方案按钮,进入模板编辑页面

模板编辑分为6个区域,顶部是内置预设方案,下面依次是页面预览、页面布局、顶部区域、底部区域、表单区域的配置,根据需求可进行个性化设置,设置完成后点击保存,输入模板名称。

  • 页面布局
    • 页面背景图:支持上传自定义背景图片,也可以选择参考图
    • 页面背景图参考
    • 页面背景颜色:选择颜色

  • 顶部区域
    • 顶部导航条条 :显示 隐藏
    • 导航栏背景色:选择颜色
    • 导航栏文字色:选择颜色
    • 图标:显示 隐藏

  • 登录表单
    • 表单文本默认颜色:选择颜色
    • 表单主题色:选择颜色
    • 表单提示文字色:选择颜色
    • 表单链接文字色:选择颜色

  • 底部区域
    • 底部文字色:选择颜色
    • 底部文字:自定义

# 定制用户中心注册界面

IDaaS内置了5个用户中心注册界面模板,选择进行激活

同时支持自定义模板

注册界面的自定义模板编辑区域基本与登录界面的自定义模板编辑区域相同,这里不做单独说明

底部区域增加了 用户协议、隐私政策的配置地址,填写内容为协议的url地址

Last Updated: 1/11/2022, 4:02:03 PM