登录页设置

1. 插件简介

@youchaoyun/plugin-login-setting 用于统一调整系统登录页面的显示效果。启用后，你可以按需设置登录页的布局方式、背景图片、标题大小和底部文案。已适配移动端。

当前可设置的内容包括：

• 登录页布局
• 背景图轮播
• 系统标题字号
• 页脚技术支持文案

2. 配置入口

可在插件设置中打开 Login settings 页面进行设置。

中文界面中，该页面通常显示为“登录设置”。

3. 设置项说明

3.1 Layout

用于选择登录页的显示方式，当前提供 3 种模式：

• Default：默认布局，显示居中的标题和登录表单
• Center：居中卡片布局，支持全屏背景图轮播
• Left and right：左右分栏布局，左侧显示背景图轮播，右侧显示登录表单

说明：

• 首次启用后默认使用 Default 布局
• 选择 Center 或 Left and right 时，建议同时上传背景图

3.2 Background images

用于上传登录页背景图片，支持多张图片自动轮播展示。

说明：

• 仅在 Center 和 Left and right 布局下生效
• 选择 Default 布局时，无需设置背景图
• 多张图片会自动轮播播放
• 建议上传横版高清图片，以获得更佳的全屏展示效果

3.3 Title font size (px)

用于调整登录页顶部标题的字体大小，单位为像素（px）。

说明：

• 此配置仅控制标题字号
• 如果需要修改标题文字，请到系统设置中调整系统标题

3.4 Technical support

用于设置登录页底部显示的技术支持文案。

4. 页面效果说明

4.1 Default 布局

页面特点：

• 页面结构简洁
• 不显示背景图轮播
• 顶部右侧显示语言切换入口
• 页面底部显示技术支持文案

4.2 Center 布局

页面特点：

• 登录表单位于页面中间卡片内
• 背景图全屏轮播显示
• 适合突出品牌视觉效果
• 页面底部显示技术支持文案

4.3 Left and right 布局

页面特点：

• 左侧显示背景图轮播
• 右侧显示登录表单和标题
• 在较窄屏幕下会自动切换为上下布局
• 页面底部显示技术支持文案

5. 使用建议

• 如果希望登录页更有品牌感，建议选择 Center 或 Left and right 布局，并上传至少 1 张清晰的背景图
• 如果标题文字较长，建议适当调整标题大小，避免换行后影响页面美观
• 底部文案可填写公司名称、服务部门名称或品牌说明

6. 使用提示

• 本插件用于调整登录页面的显示效果，不用于设置登录方式
• 登录页标题文字需要在系统设置中修改
• 未上传背景图时，Center 和 Left and right 布局的页面视觉会相对简化
• 建议使用尺寸统一或比例接近的图片，以减少轮播切换时的视觉跳动

7. 保存配置

完成设置后，点击页面底部的 Submit 按钮保存。保存成功后，新的登录页样式会立即生效。