|  |  | 
 |  |  | <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; |