瀏覽代碼

[merge]登录注册样式

soleil 7 年之前
父節點
當前提交
d2b5343c3b
共有 2 個文件被更改,包括 18 次插入2 次删除
  1. 17 1
      src/layouts/LoginLayout.vue
  2. 1 1
      src/views/login/Login.vue

+ 17 - 1
src/layouts/LoginLayout.vue

@@ -5,6 +5,11 @@
       <div class="login_container">
         <div class="container__main"><router-view /></div>
       </div>
+      <div class="login-footer">
+        <div class="content has-text-centered" style="padding-bottom: 20px">
+          @nju software
+        </div>
+      </div>
     </section>
     <!--<footer class="footer is-transparent" style="background: #f4f7fb">-->
     <!--<div class="content has-text-centered">@nju software</div>-->
@@ -15,7 +20,7 @@
 <style lang="scss" scoped>
 .logo {
   text-align: center;
-  padding: 15vh 0 0;
+  padding: 10vh 0 0;
   font-size: 34px;
   font-weight: bold;
   /*<!--color: $logo-color;-->*/
@@ -46,8 +51,19 @@
   background-image: url("../assets/login_background.png");
   background-size: cover;
   .main-body-section {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
     width: 55%;
     background-color: #ffffff;
   }
 }
+.login-footer {
+  flex: 1;
+  display: flex;
+  flex-direction: column-reverse;
+  position: relative;
+  width: 100%;
+  background: transparent;
+}
 </style>

+ 1 - 1
src/views/login/Login.vue

@@ -110,7 +110,7 @@ export default {
 .intro {
   text-align: center;
   font-size: 25px;
-  padding: 20px 0 10px;
+  padding: 20px 0 20px;
 }
 .link {
   text-decoration: none;