登录页面修改

zhangxiaoxu123

2023-05-05 f51896f6358a60ab83456358446ac48085b48298

 src/views/login.less

@@ -1,8 +1,31 @@
.login {
    height: 100%;
    background: url('../assets/background.svg');
    background-color: #f0f2f5;

    //background: url('../assets/background.svg');
    background: url("../assets/img/login-bj.jpg") no-repeat center;
    background-size: 100% 100%;
    .login-main-box{
        display: flex;
        box-shadow: 0 6px 6px rgba(34,66,168,0.38);
        .login-img{
            width: 20vw;
            height: 35vw;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .login-form{
            width: 44vw;
            height: 35vw;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            .login-form-inside{
                width: 60%;
            }
        }
    }
    .ivu-tabs-nav-container {
        line-height: 2;
        font-size: 17px;
@@ -36,6 +59,12 @@
    .other-login {
        margin-top: 3vh;
    }
    .login-btn{
        border-radius: 4vw;
        box-shadow: 0 4px 4px rgba(0,118,255,0.31);
        color: #fff;
        height: 2.5vw;
    }

    .icons {
        display: flex;
@@ -58,7 +87,27 @@
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 368px;
        height: 100%;
    }
}
}
@media screen and (max-width: 960px){
    .login-img{
        width: 200px!important;
        height: 345px!important;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .login-form{
        width: 400px!important;
        height: 345px!important;
        //height: 36vw;
        //background: #fff;
        //display: flex;
        //justify-content: center;
        //align-items: center;
        //.login-form-inside{
        //    width: 60%;
        //}
    }
}