[]
        
在线Demo 免费试用
(Showing Draft Content)

自定义登录画面

1. 概述

1.1 功能概述

系统管理员登录后,依次单击「系统管理>系统设置>系统外观>登录画面设置」,通过该功能模块,即可对系统的登录画面进行自定义设置, 如更改系统 LOGO、背景图片、添加登录提示语等。并支持通过CSS/HTML进行高级样式配置,全面满足您的个性化需求。

1.2 应用场景

本文将带您探索Wyn自定义登录画面的个性化配置功能。通过可视化工具,您可以自由调整系统Logo、背景图片、添加登录提示语等属性,轻松打造符合需求的个性化登录界面。

2. 登录画面设置

  1. 系统管理员登录后,依次单击「系统管理>系统设置>系统外观>登录画面设置」,进入登录画面属性设置界面,在该界面可以进行以下属性设置,设置完成后,单击保存更改按钮保存属性设置。

    PixPin_2025-07-16_10-36-05

  1. 登录画面设置界面,找到系统Logo,单击“ 上传 ”按钮上传新图片,支持PNG、JPG、BMP、GIF格式的图片,推荐尺寸为200px*450px。

    PixPin_2025-07-16_10-35-10

  2. 设置后可在右侧实时预览效果,确认无误后,单击右下角的保存更改按钮保存设置。

    PixPin_2025-07-16_10-35-29

  3. 设置完成后,可通过单击Logo旁的刷新按钮PixPin_2025-07-14_15-11-16恢复默认图标,完成后需单击底部的保存更改按钮即可生效。

    PixPin_2025-07-14_15-45-49

2.2 背景图片

  1. 登录画面设置界面,找到背景图片,单击“ 上传 ”按钮上传新图片,支持PNG、JPG、BMP、GIF格式的图片,推荐尺寸为960px*830px。

    PixPin_2025-07-14_15-39-02

  2. 设置后可在右侧实时预览效果,确认无误后,单击右下角的保存更改按钮保存设置。

    PixPin_2025-07-14_15-40-19

  3. 设置完成后,可通过单击图标右侧的刷新按钮PixPin_2025-07-14_15-11-16恢复默认图标,完成后需单击底部的保存更改按钮即可生效。

    PixPin_2025-07-14_15-47-08

2.3 添加登录提示语

  1. 登录画面设置界面,找到登录提示,设置登录界面下方的提示信息,设置后可以在右侧实时预览效果,确认无误后,单击右下角的保存更改按钮保存设置。

    PixPin_2025-07-14_15-43-18

2.4 高级设置

  1. 登录画面设置界面,找到登录画面高级设置,用户可以在这里通过编写样式(css)或标签(html)语句对登录画面进行样式元素的自定义设置,并且可以单击预览登录画面进行实时预览,确认无误后,单击右下角的保存更改按钮保存设置。

    PixPin_2025-07-14_15-53-38

    1)示例: 使用CSS语句可以将登录画面样式实现如下效果。

    PixPin_2025-07-14_15-54-44

    2)示例中使用的是css,代码如下:

    login_sample.css