登陆

1、登陆框的CSS

/*///////////////////////////*/
/*swal2*/
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgb(0 0 0 / 80%);
    pointer-events: auto;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

.swal2-popup {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.swal2-popup.swal2-toast {
    -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.3);
    padding: 10px 30px;
}

.swal2-title {
    font-size: 1.025em;
}

.swal2-close {
    top: 5px;
    right: 5px;
    color: #ccc;
    font-size: 1.5em;
    line-height: 1.2;
    cursor: pointer;
    color: #000;
    background-color: rgba(239, 239, 239, 0.5);
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.5);
    font-family: sans-serif;
}

.swal2-actions {
    margin: 0.5em auto 0.5em;
}

.swal2-timer-progress-bar-container {
    z-index: 999;
    height: .2em;
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .3s;
    animation: swal2-toast-show .3s;
}

.swal2-timer-progress-bar {
    background: #eee;
    border-radius: 10px;
}
/*弹出登陆框*/
.jh-login-lable{
    text-align: left;
    color: #5a748b !important;
    margin-bottom: 8px!important;
    font-size: 15px;
}
.jh-login-control{
    background: #d6e1e9!important;
    color: #666!important;
    border: 1px solid #9bd1ce!important;
}
.jh-oauth{
    padding: 0!important;
    margin: 0 5px 0 0!important;
}
.change_link{
    font-size: 14px;
    float: left;
}