fix: loginstyle

src/views/common/find-password/index.scss

@@ -2,16 +2,27 @@
   width: 100%;
   height: 100%;
   background: no-repeat;
-  background-size: cover;
+  background-size: cover !important;
   position: fixed;
   top: 0;
-
+  .login-left{
+    max-width:38%;
+    position: absolute;
+    left: 5%;
+    top:15%;
+    color:#fff;
+    h2{font-weight: normal;font-size:46px;letter-spacing:4px;margin-top:80px;}
+    h4{font-weight: normal;font-size:18px;letter-spacing:2px;line-height:50px;font-weight: bold;}
+  }
   .login-box {
+    width:50%;
     position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    right: 0;
     height: 100%;
+    background:#f3f3f3;
     padding-top: 10%;
+    padding-left:10%;
+    padding-right:10%;
 
     .info{
       height: 40px;
@@ -20,6 +31,7 @@
       font-family: Microsoft YaHei;
     }
     .top {
+      max-width:400px;
       margin-bottom: 30px;
       text-align: center;
 
@@ -34,6 +46,7 @@
     }
 
     .mid {
+      max-width:400px;
       font-size: 14px;
 
       .mobile-box {
@@ -100,9 +113,7 @@
     }
 
     .bottom {
-      position: absolute;
-      bottom: 10%;
-      width: 100%;
+      max-width:400px;
       color: #999;
       font-size: 12px;
       text-align: center;
@@ -111,10 +122,11 @@
 }
 
 .login-title {
-  color: #000;
+  font-size: 22px;
+  color: #666;
+  letter-spacing: 3px;
+  margin: 0.5em 0 0.5em 0.5em;
   vertical-align: middle;
-  margin: 0.5em 0 0.5em 20px;
-  font-size: 28px;
 }
 
 .login {

src/views/common/find-password/index.vue

@@ -3,15 +3,25 @@
     class="login page-find-password"
     :style="backgroundImage"
   >
+    <div class="login-left">
+      <img
+        src="~@/assets/img/logologin.png"
+        style="max-height: 98px; max-width: 198px;"
+      >
+      <h2>科技改变产业见证华隆实力</h2>
+      <h4>华隆数智拉面是一家致力于改善拉面产业的数字化采购的标杆平台，推动产业标准化与高质量发展，让每一份优质食材都能精准、快速的从源头直达终端，传递新鲜与品质。</h4>
+    </div>
     <div class="login-box">
       <div class="top">
         <div class="logo">
           <img
             :src="checkFileUrl(configuration.bsLoginLogoImg)"
-            style="max-height: 45px;max-width: 174px;"
+            style="width:auto;"
             alt
           >
-          <span class="login-title">{{ configuration.bsTitleContent }}</span>
+          <div class="login-title">
+            {{ configuration.bsTitleContent }}
+          </div>
         </div>
       </div>
       <div class="mid">

src/views/common/login/index.vue

@@ -3,17 +3,25 @@
     class="page-login"
     :style="backgroundImage"
   >
+    <div class="login-left">
+      <img
+        src="~@/assets/img/logologin.png"
+        style="max-height: 98px; max-width: 198px;"
+      >
+      <h2>科技改变产业见证华隆实力</h2>
+      <h4>华隆数智拉面是一家致力于改善拉面产业的数字化采购的标杆平台，推动产业标准化与高质量发展，让每一份优质食材都能精准、快速的从源头直达终端，传递新鲜与品质。</h4>
+    </div>
     <div class="login-box">
       <div class="top">
         <div class="logo">
           <img
             :src="checkFileUrl(configuration.bsLoginLogoImg)"
             alt
-            style="max-height: 98px; max-width: 198px"
+            style="width:auto;"
           >
-          <span class="login-title">
+          <div class="login-title">
             {{ configuration.bsTitleContent }}
-          </span>
+          </div>
         </div>
       </div>
       <div class="mid">
@@ -314,28 +322,43 @@ const changeShopLoginType = (shopLoginTypeEmun) => {
   width: 100%;
   height: 100%;
   background: no-repeat;
-  background-size: cover;
+  background-size: cover !important;
   position: fixed;
+  .login-left{
+    max-width:38%;
+    position: absolute;
+    left: 5%;
+    top:15%;
+    color:#fff;
+    h2{font-weight: normal;font-size:46px;letter-spacing:4px;margin-top:80px;}
+    h4{font-weight: normal;font-size:18px;letter-spacing:2px;line-height:50px;font-weight: bold;}
+  }
   .login-box {
+    width:50%;
     position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    right: 0;
     height: 100%;
+    background:#f3f3f3;
     padding-top: 10%;
+    padding-left:10%;
+    padding-right:10%;
     .top {
+      max-width:400px;
       margin-bottom: 30px;
       text-align: center;
       .logo {
         font-size: 0;
         .login-title {
-          font-size: 30px;
-          color: #000;
+          font-size: 22px;
+          color: #666;
+          letter-spacing: 3px;
           margin: 0.5em 0 0.5em 0.5em;
           vertical-align: middle;
         }
       }
     }
     .mid {
+      max-width:400px;
       font-size: 14px;
       .info {
         width: 100%;
@@ -353,10 +376,8 @@ const changeShopLoginType = (shopLoginTypeEmun) => {
       }
     }
     .bottom {
-      position: absolute;
-      bottom: 10%;
-      width: 100%;
-      color: #999;
+      max-width:400px;
+      color:#999;
       font-size: 12px;
       text-align: center;
     }

src/views/common/register/index.scss

@@ -2,18 +2,30 @@
   width: 100%;
   height: 100%;
   background: no-repeat;
-  background-size: cover;
+  background-size: cover !important;
   position: fixed;
   top: 0;
-
+  .login-left{
+    max-width:38%;
+    position: absolute;
+    left: 5%;
+    top:15%;
+    color:#fff;
+    h2{font-weight: normal;font-size:46px;letter-spacing:4px;margin-top:80px;}
+    h4{font-weight: normal;font-size:18px;letter-spacing:2px;line-height:50px;font-weight: bold;}
+  }
   .login-box {
+    width:50%;
     position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    right: 0;
     height: 100%;
+    background:#f3f3f3;
     padding-top: 10%;
+    padding-left:10%;
+    padding-right:10%;
 
     .top {
+      max-width:400px;
       margin-bottom: 30px;
       text-align: center;
 
@@ -28,6 +40,7 @@
     }
 
     .mid {
+      max-width:400px;
       font-size: 14px;
       .info {
         width: 100%;
@@ -98,9 +111,7 @@
     }
 
     .bottom {
-      position: absolute;
-      bottom: 10%;
-      width: 100%;
+      max-width:400px;
       color: #999;
       font-size: 12px;
       text-align: center;
@@ -109,10 +120,11 @@
 }
 
 .login-title {
-  color: #000;
+  font-size: 22px;
+  color: #666;
+  letter-spacing: 3px;
+  margin: 0.5em 0 0.5em 0.5em;
   vertical-align: middle;
-  margin: 0.5em 0 0.5em 20px;
-  font-size: 28px;
 }
 
 .login-captcha {

src/views/common/register/index.vue

@@ -3,15 +3,25 @@
     class="login page-register"
     :style="backgroundImage"
   >
+    <div class="login-left">
+      <img
+        src="~@/assets/img/logologin.png"
+        style="max-height: 98px; max-width: 198px;"
+      >
+      <h2>科技改变产业见证华隆实力</h2>
+      <h4>华隆数智拉面是一家致力于改善拉面产业的数字化采购的标杆平台，推动产业标准化与高质量发展，让每一份优质食材都能精准、快速的从源头直达终端，传递新鲜与品质。</h4>
+    </div>
     <div class="login-box">
       <div class="top">
         <div class="logo">
           <img
             :src="checkFileUrl(configuration.bsLoginLogoImg)"
-            style="max-height: 45px;max-width: 174px;"
+            style="width:auto;"
             alt
           >
-          <span class="login-title">{{ configuration.bsTitleContent }}</span>
+          <div class="login-title">
+            {{ configuration.bsTitleContent }}
+          </div>
         </div>
       </div>
       <div class="mid">