我们支持对登录页进行UI设计及自定义,实际案例以下:

 

1、替换框架页面SystemFrameWorkV3/Role/User.aspx;点击下载模板文件并解压

2、修改上面文件的body背景颜色,见下面的源代码:

    <style type="text/css">
        body { background-color: #B8BDC8; overflow: hidden; background-image: url(image/company.jpg); background-position: center -50px; background-size: cover; background-repeat:no-repeat; height:100vh; }
        .RightLoginAreaDIV { background-color: transparent !important; }
        .LoginFormPanelDIV { background-color: #fff; width: 400px; padding: 30px; margin-right: auto !important; margin-left: auto !important; left: calc((100% - 400px)/2); border-radius: 20px; box-shadow: 0em 1rem 2rem rgba(0, 0, 0, .5) !important; }
    </style>

修改 background-color: #B8BDC8为自已的背景颜色值。

3、替换背景图片,地址:SystemFrameWorkV3/image/company.jpg; 尺寸要求:1920px*1080px;

4、替换Logo图片,地址:SystemFrameWorkV3/image/logov6.png;尺寸要求:175px*50px;