lizi 2 years ago
parent
commit
89642ceed4
2 changed files with 11 additions and 4 deletions
  1. BIN
      src/assets/imgs/login-banner.png
  2. 11 4
      src/views/LoginView.vue

BIN
src/assets/imgs/login-banner.png


+ 11 - 4
src/views/LoginView.vue

@@ -50,6 +50,9 @@ const onFinishFailed = (errorInfo: any) => {
     <a-row type="flex">
       <a-col class="left" :flex="1">
         <h1 class="login-title">技淘平台智慧产权大脑</h1>
+         <p class="login-banner">
+          <img src="@/assets/imgs/login-banner.png" />
+        </p>
       </a-col>
       <a-col class="right" :flex="1">
         <h1>用户登录</h1>
@@ -93,8 +96,10 @@ const onFinishFailed = (errorInfo: any) => {
   .left {
     text-align: center;
     padding-top: 100px;
-    background: url(@/assets/imgs/login-banner.png) no-repeat;
-    background-size: 100% 100%;  
+    // background: url(@/assets/imgs/login-banner.png) no-repeat;
+    // background-size: 100% 100%;  
+    background: radial-gradient(circle, #0D2148, #00051E);
+    
     .login-title {
       color: #00A09A;
     }
@@ -104,8 +109,10 @@ const onFinishFailed = (errorInfo: any) => {
       width: 300px;
 
       img {
-        margin-top: 50px;
-        width: 100%;
+        width: 180%;
+        position: relative;
+        right: 45%;
+        bottom: 20px;
       }
     }
   }