| | |
| | | placeholder="请输入密码"></el-input>
|
| | | <span class="show-pwd" @click="showPwd"><svg-icon icon-class="eye" v-show="pwdType==='password'"/><svg-icon icon-class="eyeopen" v-show="pwdType!=='password'"/></span>
|
| | | </el-form-item>
|
| | | <el-form-item style="text-align: center;margin-top: 30px">
|
| | | <el-form-item class="login-btn" style="text-align: center;">
|
| | | <div class="btn" :loading="loading" @click="handleLogin">
|
| | | 登录
|
| | | </div>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | | <p class="compName">千文科技</p><el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left">
|
| | | <el-form-item prop="username" class="username">
|
| | | <span class="svg-container svg-container_login">
|
| | | <svg-icon icon-class="user" />
|
| | | </span>
|
| | | <el-input name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入用户名" />
|
| | | </el-form-item>
|
| | | <el-form-item prop="password" class="username">
|
| | | <span class="svg-container">
|
| | | <svg-icon icon-class="password"></svg-icon>
|
| | | </span>
|
| | | <el-input name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="off"
|
| | | placeholder="请输入密码"></el-input>
|
| | | <span class="show-pwd" @click="showPwd"><svg-icon icon-class="eye" v-show="pwdType==='password'"/><svg-icon icon-class="eyeopen" v-show="pwdType!=='password'"/></span>
|
| | | </el-form-item>
|
| | | <el-form-item style="text-align: center;margin-top: 30px">
|
| | | <div class="btn" :loading="loading" @click="handleLogin">
|
| | | 登录
|
| | | </div>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | | <p class="compName">千文科技</p>
|
| | | <p class="compName">Copyright © 2023 江苏千文科技有限公司 版权所有</p>
|
| | | </template>
|
| | | </Home>
|
| | | <!-- <div class="login-container">
|
| | |
| | | text-align: center;
|
| | | font-size: 70%;
|
| | | }
|
| | | .login-btn {
|
| | | margin-top: 30px;
|
| | | }
|
| | | </style>
|