# shangdian/WebRoot/admin/css/login.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@import "reset.less";

.login {
    background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    .center {
        background: #fff;
        padding: 25px;
        min-width: 370px;
        -webkit-box-shadow: 0 0 5px #333;
                box-shadow: 0 0 5px #333;
        
        h1 {
            color: #66a6ff;
            font-weight: bold;
            padding-bottom: 15px;
            text-align: center;
            -webkit-animation: moveTopBottom 2s linear forwards;
                animation: moveTopBottom 2s linear forwards;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        }

        .inputLi {
            margin-bottom: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;

            input {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                border: 1px solid #ddd;
                height: 45px;
                padding: 0 10px 0 40px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                color: #66a6ff;
                font-size: 18px;
                outline: none;

                &::-webkit-input-placeholder {
                    color: #999;
                    font-size: 12px;
                }