yuanchao 3 miesięcy temu
rodzic
commit
193908d3c0
1 zmienionych plików z 30 dodań i 9 usunięć
  1. 30 9
      src/views/common/login/index.vue

+ 30 - 9
src/views/common/login/index.vue

@@ -3,16 +3,24 @@
     class="page-login"
     :style="backgroundImage"
   >
+    <div class="login-left">
+      <img
+        src="http://180.76.117.109:9000/mall4j/2025/09/d3ee9a70ba1e46bbb5c4d0855f5a9f12.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: 98px; max-width: 198px"
+            style="max-height:148px; max-width: 300px"
           >
-          <span class="login-title">
+          <div class="login-title">
             {{ configuration.bsTitleContent }}
-          </span>
+          </div>
         </div>
       </div>
       <div class="mid">
@@ -179,22 +187,35 @@ const getWebConfigData = () => {
   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:45%;
     position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    right: 5%;
     height: 100%;
+    background:#f3f3f3;
     padding-top: 10%;
+    padding-left:10%;
+    padding-right:10%;
     .top {
       margin-bottom: 30px;
       text-align: center;
       .logo {
         font-size: 0;
         .login-title {
-          font-size: 30px;
-          color: #000;
+          font-size: 24px;
+          color: #666;
+          letter-spacing: 3px;
           margin: 0.5em 0 0.5em 0.5em;
           vertical-align: middle;
         }
@@ -220,7 +241,7 @@ const getWebConfigData = () => {
     .bottom {
       position: absolute;
       bottom: 10%;
-      width: 100%;
+      width: 50%;
       color: #999;
       font-size: 12px;
       text-align: center;