|
@@ -12,16 +12,13 @@
|
|
|
<el-form-item label="密码">
|
|
<el-form-item label="密码">
|
|
|
<el-input type="password" v-model="form.password" placeholder="请输入密码" @keydown.enter="doLogin"></el-input>
|
|
<el-input type="password" v-model="form.password" placeholder="请输入密码" @keydown.enter="doLogin"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item style="text-align: center;">
|
|
|
|
|
- <div class="remember-container">
|
|
|
|
|
- <el-checkbox v-model="rememberPwd" label="记住密码" @change="saveRemember" />
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<div class="login-line">
|
|
<div class="login-line">
|
|
|
|
|
+ <div class="login-placeholder"></div>
|
|
|
<el-button type="primary" @click="doLogin" :loading="loading">
|
|
<el-button type="primary" @click="doLogin" :loading="loading">
|
|
|
<el-icon><Lock /></el-icon> 登录
|
|
<el-icon><Lock /></el-icon> 登录
|
|
|
</el-button>
|
|
</el-button>
|
|
|
|
|
+ <el-checkbox v-model="rememberPwd" label="记住密码" @change="saveRemember" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -139,12 +136,15 @@ onMounted(() => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
-.remember-container {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- text-align: right;
|
|
|
|
|
-}
|
|
|
|
|
.login-line {
|
|
.login-line {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content:space-between;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
+.login-placeholder {
|
|
|
|
|
+ width: 72px;
|
|
|
|
|
+ height: 0px;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
