Ver código fonte

修复登录页样式问题

limeng 2 anos atrás
pai
commit
d72b935c88
1 arquivos alterados com 14 adições e 9 exclusões
  1. 14 9
      src/views/system/login.vue

+ 14 - 9
src/views/system/login.vue

@@ -2,9 +2,8 @@
   <div class="login" :style="{backgroundImage: 'url('+backgroudImg+')'}">
     <StarBackground />
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="sub-title" v-if="systemTitle.subTitle">{{systemTitle.subTitle}}</h3>
       <h3 class="title">{{systemTitle.title}}</h3>
-
+      <h3 class="sub-title" v-if="systemTitle.subTitle">{{systemTitle.subTitle}}</h3>
       <div class="login-container">
         <h4>请登录</h4>
         <el-form-item prop="username">
@@ -212,14 +211,20 @@
     font-family: $fontFk;
     font-size: 55px;
   }
-	.title {
-		margin: 0px auto 30px auto;
-		text-align: center;
-		color: #fff;
-		font-family: $fontFk;
-		font-size: 38px;
+  .title {
+    margin: 0px auto 10px auto;
+    text-align: center;
+    color: #fff;
+    font-family: $fontFk;
+    font-size: 38px;
 
-	}
+  }
+  .sub-title {
+    text-align: center;
+    color: #fff;
+    font-family: $fontFk;
+    font-size: 38px;
+  }
 
 	.login-form {
 		border-radius: 6px;