登录页-样式修复

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

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