Просмотр исходного кода

【优化】首页表单显示优化。

程志平 4 лет назад
Родитель
Сommit
bc0319add0
2 измененных файлов с 9 добавлено и 2 удалено
  1. 4 1
      src/components/login/Login.vue
  2. 5 1
      src/components/login/login.css

+ 4 - 1
src/components/login/Login.vue

@@ -1,7 +1,10 @@
 <template>
 	<div class="container">
 		<el-row>
-			<el-col :span="24">
+			<el-col :span="13">
+				&nbsp;
+			</el-col>
+			<el-col :span="11">
 				<div id="login_form">
 					<div id="logo"></div>
 					<div id="title">南昌交通学院热水端管理后台</div>

+ 5 - 1
src/components/login/login.css

@@ -3,9 +3,14 @@ body,
 .container {
 	width: 100vw;
 	height: 100vh;
+	min-width: 1780px;
+	min-height: 900px;
 	background: url(../../../static/images/bg.png) no-repeat;
 	background-size: 100% 100%;
 	margin-bottom: 0;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
 }
 
 #login_form {
@@ -13,7 +18,6 @@ body,
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-	padding: 190px 0 0 1055px;
 	width: 600px;
 }