| | |
| | | </el-button> |
| | | </el-form-item>--> |
| | | <el-form-item class="login-form-margin"> |
| | | <el-button class="btn" style="margin-bottom:0;width: 100%" type="primary" @click="formSubmit()">{{ |
| | | <el-button style="margin-bottom:0;width: 100%" type="primary" @click="formSubmit()">{{ |
| | | $t('login.clickTitle') }} |
| | | </el-button> |
| | | </el-form-item> |
| | |
| | | </script> |
| | | <style> |
| | | .login__h2 { |
| | | margin: 0; |
| | | width: 600px; |
| | | position: absolute; |
| | | left: -11%; |
| | | top: -10%; |
| | | letter-spacing: 35px; |
| | | margin: 0 0 20px 5px; |
| | | text-align: center; |
| | | letter-spacing: 15px; |
| | | color: #fff; |
| | | font-size: 1.5rem; |
| | | font-weight: 400; |
| | | font-size: 2rem; |
| | | font-weight: bold; |
| | | font-family: 'Microsoft YaHei', Arial, sans-serif; |
| | | } |
| | | |
| | | .clear { |
| | |
| | | |
| | | .login-content { |
| | | position: absolute; |
| | | border-radius: 20px; |
| | | top:50%; |
| | | left:50%; |
| | | transform: translate(-50%,-50%); |
| | | width: 25%; |
| | | background:#ecf0f3; |
| | | box-shadow: 0 3px 6px 0 rgb(72 119 232 / 14%); |
| | | //border: 15px solid transparent; |
| | | //border-image: url(../../assets/img/page-border.png) 20 stretch; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .login-h6 { |
| | |
| | | } |
| | | .login-body { |
| | | position: relative; |
| | | background:#ecf0f3; |
| | | border-radius: 20px; |
| | | } |
| | | .login-body .el-input{ |
| | | border-radius: 3px; |
| | |
| | | -20px -20px 30px rgba(255,255,255,1); |
| | | transition: all 0.4s ease-out; |
| | | } |
| | | .login-body .el-input:hover{ |
| | | box-shadow: |
| | | 0 0 0 rgba(0,0,0,0.2), |
| | | 0 0 0 rgba(255,255,255,0.8), |
| | | inset 10px 10px 20px rgba(0,0,0,0.1), |
| | | inset -10px -10px 20px rgba(255,255,255,1); |
| | | } |
| | | /*.login-body .el-input:hover{*/ |
| | | /* box-shadow:*/ |
| | | /* 0 0 0 rgba(0,0,0,0.2),*/ |
| | | /* 0 0 0 rgba(255,255,255,0.8),*/ |
| | | /* inset 10px 10px 20px rgba(0,0,0,0.1),*/ |
| | | /* inset -10px -10px 20px rgba(255,255,255,1);*/ |
| | | /*}*/ |
| | | .login-body .el-input__inner{ |
| | | font-size: 18px; |
| | | height: inherit; |
| | | transition: all 0.4s ease-out; |
| | | border: none; /* 移除默认的边框样式 */ |
| | | } |
| | | .login-body .el-input__inner:hover{ |
| | | font-size: 16px; |
| | | } |
| | | /*.login-body .el-input__inner:hover{*/ |
| | | /* font-size: 16px;*/ |
| | | /*}*/ |
| | | |
| | | .login-form-margin .btn{ |
| | | border: none !important; |
| | |
| | | -20px -20px 30px rgba(255,255,255,1); |
| | | transition: all 0.4s ease-out; |
| | | } |
| | | .login-form-margin .btn:hover{ |
| | | box-shadow: |
| | | 0 0 0 rgba(0,0,0,0.2), |
| | | 0 0 0 rgba(255,255,255,0.8), |
| | | inset 10px 10px 20px rgba(0,0,0,0.1), |
| | | inset -10px -10px 20px rgba(255,255,255,1); |
| | | } |
| | | /*.login-form-margin .btn:hover{*/ |
| | | /* box-shadow:*/ |
| | | /* 0 0 0 rgba(0,0,0,0.2),*/ |
| | | /* 0 0 0 rgba(255,255,255,0.8),*/ |
| | | /* inset 10px 10px 20px rgba(0,0,0,0.1),*/ |
| | | /* inset -10px -10px 20px rgba(255,255,255,1);*/ |
| | | /*}*/ |
| | | input:-webkit-autofill , |
| | | textarea:-webkit-autofill, |
| | | select:-webkit-autofill{ |
| | |
| | | font-size: 80px; |
| | | } |
| | | |
| | | .aui-page__login__border.el-button--primary:hover, |
| | | .aui-page__login__border.el-button--primary:focus { |
| | | color: rgba(0, 153, 255, 1) |
| | | } |
| | | /*.aui-page__login__border.el-button--primary:hover,*/ |
| | | /*.aui-page__login__border.el-button--primary:focus {*/ |
| | | /* color: rgba(0, 153, 255, 1)*/ |
| | | /*}*/ |
| | | |
| | | </style> |