3.19.1、登录页模板一
我们支持对登录页进行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;