| | |
| | | <template> |
| | | <div class="main"> |
| | | <el-row style=" height: 40px;"> |
| | | <el-col :span="8"><div> </div></el-col> |
| | | <el-col :span="16"> |
| | | <el-col :span="10"><div> </div></el-col> |
| | | <el-col :span="14"> |
| | | <ul class="data-ul"> |
| | | <li :class="{selectedColor:selectIndex === 0}" @click="selectTab(0)">今日</li> |
| | | <li :class="{selectedColor:selectIndex === 1}" @click="selectTab(1)">本周</li> |
| | |
| | | <el-col :span="9" style="background-color: #fff;height: 515px;"><img src="../../assets/login/pic03.png"></el-col> |
| | | <el-col :span="0.5" style="background-color: #fff;height: 515px;"><img src="../../assets/login/pic04.png"></el-col> |
| | | <el-col :span="6.5" style="background-color: #fff;height: 515px;"> <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form" autocomplete="off" label-position="left"> |
| | | <h2 id="form-biao-dan"><span>登陆</span></h2> |
| | | <h2 id="form-biao-dan"><span style="position: relative;">登陆</span></h2> |
| | | <span v-if="login.type === 'up'"> |
| | | <el-form-item prop="username" class="form-input"> |
| | | <el-input |
| | |
| | | $light_gray:#eee; |
| | | |
| | | |
| | | |
| | | #form-biao-dan span::after { |
| | | content: ''; |
| | | position: absolute; |
| | | left: -20%; |
| | | bottom: 0; |
| | | background-color: rgba(147,30,30,0.2); |
| | | height: 1vh; |
| | | width: 140%; |
| | | z-index: 1; |
| | | } |
| | | |
| | | .login-container { |
| | | background: url(../../assets/background2.png) 50% no-repeat; |
| | | background-size: cover; |
| | |
| | | } |
| | | .login-form { |
| | | width: 420px; |
| | | height: 350px; |
| | | height: 380px; |
| | | padding: 36px; |
| | | background: #fff; |
| | | .form-input{ |
| | | border-radius: 20px; |
| | | margin-top: 20px; |
| | | margin-top: 40px; |
| | | } |
| | | .code-input { |
| | | margin-top: 20px; |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style> |
| | | <style lang="scss"> |
| | | .el-container{ |
| | | height: 770px; |
| | | .el-aside { |
| | | background-color: #E9EEF3; |
| | | color: #333; |
| | | text-align: center; |
| | | height: 100%; |
| | | } |
| | | |
| | | .el-main { |
| | | background-color: #E9EEF3; |
| | | color: #333; |
| | | height: 100%; |
| | | } |
| | | } |
| | | .button-from { |
| | | text-align: center; |
| | | margin-top: 2%; |
| | |
| | | color: #333; |
| | | text-align: center; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .el-aside { |
| | | background-color: #E9EEF3; |
| | | color: #333; |
| | | text-align: center; |
| | | height: 800px; |
| | | } |
| | | |
| | | .el-main { |
| | | background-color: #E9EEF3; |
| | | color: #333; |
| | | height: 800px; |
| | | } |
| | | </style> |