| | |
| | | <template> |
| | | <div class="aui-wrapper aui-page__login aui-page__login__border"> |
| | | <h2 class="login__h2">{{ $t('brand.lg') }}</h2> |
| | | <div class="aui-content__wrapper"> |
| | | <div class="clear"></div> |
| | | <main class="aui-content"> |
| | |
| | | <!-- <div class="login-header">--> |
| | | <!-- <!–<h3 class="login-title">{{ $t('login.title') }}</h3>–>--> |
| | | <!-- </div>--> |
| | | <h2 class="login__h2">{{ $t('brand.lg') }}</h2> |
| | | <div class="login-body"> |
| | | <!-- <h3 class="login-title">{{ $t('login.title') }}</h3>--> |
| | | <el-form :model="dataForm" ref="dataForm" @keyup.enter.native="formSubmit()" status-icon> |
| | |
| | | <style> |
| | | .login__h2 { |
| | | margin: 0; |
| | | width: 600px; |
| | | position: absolute; |
| | | left:50%; |
| | | top:3%; |
| | | transform: translateX(-50%); |
| | | color: rgba(123, 224, 244, 1); |
| | | font-size: 40px; |
| | | left: -11%; |
| | | top: -10%; |
| | | letter-spacing: 35px; |
| | | color: #fff; |
| | | font-size: 1.5rem; |
| | | font-weight: 400; |
| | | letter-spacing: 8px; |
| | | } |
| | | |
| | | .clear { |
| | | clear: both; |
| | | } |
| | | |
| | | .login__h2::before, |
| | | .login__h2::after { |
| | | display: inline; |
| | | margin: 5px; |
| | | content: '/////'; |
| | | font-size: 25px; |
| | | font-weight: bold; |
| | | font-style: oblique; |
| | | } |
| | | |
| | | |
| | | .login-left-bg { |
| | | position: absolute; |