登录页-样式修复

main
ysn 3 days ago
parent a9d86c2b51
commit 6ebb25b973
  1. 13
      src/views/login.vue

@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<!-- 右侧登录表单区 --> <!-- 右侧登录表单区 -->
<div class="login_right"> <div class="login_center">
<!-- <div class="login_header"> <!-- <div class="login_header">
<i class="el-icon-setting" @click="showSettingsDialog = true"></i> <i class="el-icon-setting" @click="showSettingsDialog = true"></i>
<i class="el-icon-close" @click="handleClose"></i> <i class="el-icon-close" @click="handleClose"></i>
@ -79,6 +79,8 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="login_right">
</div>
<!-- 登录设置弹窗 --> <!-- 登录设置弹窗 -->
<el-dialog <el-dialog
title="登录设置" title="登录设置"
@ -113,7 +115,7 @@
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import CryptoJS from "crypto-js"; import CryptoJS from "crypto-js";
import { encrypt, decrypt } from "@/utils/jsencrypt"; import { encrypt, decrypt } from "@/utils/jsencrypt";
import defAva from '@/assets/images/profile.jpg' import defAva from "@/assets/images/profile.jpg";
export default { export default {
name: "Login", name: "Login",
data() { data() {
@ -242,7 +244,7 @@ export default {
overflow: hidden; overflow: hidden;
/* 左侧品牌栏 */ /* 左侧品牌栏 */
.login_left { .login_left {
flex: 0 0 33%; /* 按参考图比例:左侧约占1/3 */ flex: 0 0 25%; /* 按参考图比例:左侧约占1/3 */
background-color: #009696; /* 海信医疗主色调 */ background-color: #009696; /* 海信医疗主色调 */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -321,7 +323,7 @@ export default {
} }
/* 右侧登录区 */ /* 右侧登录区 */
.login_right { .login_center {
flex: 1; flex: 1;
background: #fff; background: #fff;
display: flex; display: flex;
@ -378,5 +380,8 @@ export default {
} }
} }
} }
.login_right {
flex: 0 0 25%;
}
} }
</style> </style>
Loading…
Cancel
Save