登录页面配置

本文介绍品牌设置中登录页面的全部配置项与操作方法，帮助平台 / 品牌管理员将登录页定制为符合企业品牌形象的统一入口。

概述

在品牌设置模块中，您可以自定义平台登录页面的各种元素，以符合企业的品牌形象。通过个性化的登录界面，不仅能提升用户体验，还能增强企业的品牌识别度。

本次升级在原有配置基础上新增两项能力：登录页标题自定义（可单独设置登录页顶部标题文案），以及登录页背景分端配置（桌面端、移动端可分别选择背景类型，登录页按访问设备自动加载对应端背景）。

适用对象

角色	关注点
平台 / 品牌管理员	定制登录页品牌元素，统一对外形象
安全 / 合规负责人	隐私条款与合规提示配置

使用场景

登录页面设置是系统中最基础也是最常用的配置之一，几乎所有用户在初次使用系统时都会接触：

单点登录（SSO）系统：作为企业统一身份认证入口，定制专属登录页面可提升企业品牌形象，为用户提供一致的登录体验。

专属集成平台管理系统：管理员可根据企业品牌风格定制管理平台的登录界面，使其与企业整体形象保持一致。

个人 Portal 页面：用户访问个人工作台时首先看到登录界面，良好的登录界面有助于提升用户体验。

说明：通过品牌设置，企业可实现登录体验的统一化和品牌化，无论内部系统还是对外服务，都能保持一致的企业形象。

前提条件

拥有平台管理员权限

已进入 品牌设置 → 登录页面设置

如使用图片背景或自定义 LOGO，已准备好符合规格的素材

配置路径

品牌设置 > 登录页面设置

登录页面配置项

1. 平台 LOGO

功能：展示企业标识，增强品牌辨识度。

配置要求	说明
图片大小	不超过 200K
建议尺寸	`640×640` 像素
安全区域	视觉元素保持在圆形区域内，避免边角信息被裁剪

最佳实践：使用高分辨率的企业 LOGO，背景透明的 PNG 格式效果最佳。

2. 平台名称（必填）

功能：显示在登录页面上的企业或平台名称。

配置要求：支持国际化（中文、英文、越南语、日语、韩语）；建议控制在 10 个字符内，过长可能导致显示不完整。

操作步骤：在文本框中输入企业名称；点击语言选项卡切换不同语言版本进行设置。

说明：平台名称同时作为「登录页标题」未配置时的回退显示来源（详见下一项）。

3. 登录页标题

功能：自定义登录页顶部显示的标题文案。该标题桌面端与移动端共用，为简单文本字段，无需国际化。

组件：普通文本输入框（平台名称下方）。

配置项	规则
字符上限	最多 30 字符
多语言	双端共用，无语言切换，不需要国际化
占位提示	未填写时显示平台名称
清空	支持清空，清空后自动降级显示平台名称

显示优先级：

优先级	条件	显示内容
1	已配置登录页标题	显示自定义标题
2	未配置或已清空	显示平台名称；若平台名称亦未配置，则显示默认文案「专属集成平台」

提示：登录页标题的文字大小由下一项「登录页标题的字体大小」控制。

4. 登录框风格（必填）

功能：设置登录框在页面中的位置。

可选值：居左展示（适合背景主体在右）、居中展示（对称设计，最常用）、居右展示（适合背景主体在左）。

最佳实践：根据背景图片的主体位置选择合适的登录框位置，避免遮挡关键视觉元素。

5. 登录切换风格（必填）

功能：设置「用户名密码登录」与「扫码登录」之间的切换方式。

可选值：

平铺：以选项卡形式并排展示两种登录方式，用户可直接点击切换。

切换：只显示一种登录方式，通过登录框右上角按钮切换到另一种。

建议：平铺模式更直观，用户可一眼看到所有登录选项；切换模式更简洁，适合移动端或小屏幕设备。

6. 登录页背景

功能：设置登录页面的背景样式。背景类型（纯色 / 图片）支持桌面端与移动端独立选择，互不影响；登录页根据访问设备自动加载对应端的背景配置。

端	可选背景类型	说明
桌面端	纯色 / 图片	独立配置，仅作用于桌面端访问
移动端	纯色 / 图片	独立配置，与桌面端互不影响

背景类型说明：

纯色背景：可自定义任意颜色，适合简约风格。

图片背景：可上传 PNG、JPG 格式图片（不超过 2M），适合个性化展示。

7. 自定义页面样式

功能：通过 CSS 代码对登录页面进行深度自定义。

状态：开 / 关（默认关闭）。

使用场景：需要对登录页面进行高度个性化定制时使用。

警告：开启此功能需具备 CSS 编程知识，错误的 CSS 代码可能导致页面显示异常。建议在测试环境验证效果后再应用到生产环境。

8. 隐私条款（必填）

功能：设置用户登录时是否需要同意隐私条款。

状态：开启 / 关闭（默认开启）。

重要：建议开启此功能以符合数据保护法规要求；对于收集用户个人信息的系统，强烈建议开启。

9. 展示内容（必填）

功能：设置隐私条款前的提示文字。

默认文本：「我已阅读并同意」。

支持语言：中文、英文、越南语、日语、韩语。

显示效果：完整显示为「我已阅读并同意隐私条款」，其中「隐私条款」是可点击的链接。

10. 隐私条款内容

功能：设置隐私条款的链接地址。

默认值：https://poc.xxxxxxx.cm/login/xxxxxx.html（示例占位，请替换为企业自有链接）。

合规建议：使用企业自己的隐私政策链接，确保内容符合相关法律法规要求，且链接无需登录即可公开访问。

配置预览与生效

系统支持登录页面设置的即时预览，您可以在保存前查看效果：

步骤 1：完成配置

按需设置上述各配置项。

步骤 2：预览效果

点击页面底部的「预览」按钮，在预览窗口中查看登录页面效果。

步骤 3：保存生效

确认无误后点击「保存」，配置更改将实时应用到登录页面。

注意事项

注意：标记为（必填）的配置项（第 2、4、5、6、7、9、10 项）必须设置，否则无法保存。

配置更改后即时生效，请在非高峰期进行操作。

建议在变更前提前通知用户，避免用户因界面变化产生疑惑。

对于国际化企业，请确保平台名称等多语言设置完整，提供全面的用户体验。

登录页标题不参与国际化，双端共用同一文案；如需随语言变化的标题，请使用「平台名称」的多语言配置。

概述#

适用对象#

使用场景#

前提条件#

配置路径#

登录页面配置项#

1. 平台 LOGO#

2. 平台名称（必填）#

3. 登录页标题#

4. 登录框风格（必填）#

5. 登录切换风格（必填）#

6. 登录页背景#

7. 自定义页面样式#

8. 隐私条款（必填）#

9. 展示内容（必填）#

10. 隐私条款内容#

配置预览与生效#

注意事项#

相关文档#

概述