优化

src/layout/components/foot.vue

@@ -17,7 +17,7 @@
         </div>
         <div class="head-right">
           <div class="info-bos flex-row-start">
-            <div v-for="(navItem, index) in bottomNavList" :key="index" :style="{ marginRight: index < bottomNavList.length - 1 ? '140px' : '0' }">
+            <div v-for="(navItem, index) in bottomNavList" :key="index" :style="{ marginRight: index < bottomNavList.length - 1 ? '100px' : '0' }">
               <div class="info-title">{{ navItem.navigationName }}</div>
               <div
                 v-for="(link, linkIndex) in navItem.children"

src/views/login.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="login">
-    <div style="height:70%">
+    <div style="height: 70%">
       <img @click="onPath('/')" class="head" src="@/assets/images/head.png" alt="" />
       <div class="login-info flex-row-between">
         <div></div>
@@ -11,7 +11,7 @@
               <span class="separator">|</span>
               <div :class="type == 2 ? 'hig' : ''" @click="onType(2)">验证码登录</div>
               <span class="separator">|</span>
-              <div :class="type == 3 ? 'hig' : ''" @click="onType(3)">客户编号登录</div>
+              <div :class="type == 3 ? 'hig' : ''" @click="onType(3)">编号登录</div>
             </div>
             <template v-if="type == 1">
               <el-form-item prop="username">
@@ -83,6 +83,7 @@
               <div @click="handleForgetPassword">忘记密码?</div>
               <div class="border"></div>
               <div @click="onPath('/breg')">企业注册</div>
+              <div class="border"></div>
               <div @click="onPath('/reg')">个人注册</div>
               <!-- <router-link to="/register" class="register-link">新用户注册</router-link> -->
             </div>
@@ -333,9 +334,11 @@ onMounted(() => {
     padding: 0 5%;
 
     .login-bos {
-      height: 90%;
-      max-height: 570px;
-      aspect-ratio: 1;
+      width: 500px;
+      height: 500px;
+      // height: 90%;
+      // max-height: 570px;
+      // aspect-ratio: 1;
       // width: 420px;
       // height: 420px;
       background: #ffffff;
@@ -346,22 +349,22 @@ onMounted(() => {
       align-items: center;
 
       // 客户编号登录时调整布局
-      &.customer-login {
-        justify-content: flex-start;
-        padding-top: 80px;
-      }
+      // &.customer-login {
+      //   justify-content: flex-start;
+      //   padding-top: 80px;
+      // }
 
-      :deep(.el-form-item) {
-        margin-bottom: 18px;
-      }
+      // :deep(.el-form-item) {
+      //   margin-bottom: 18px;
+      // }
 
-      :deep(.el-form-item__error) {
-        padding-top: 4px;
-      }
+      // :deep(.el-form-item__error) {
+      //   padding-top: 4px;
+      // }
 
       .login-type {
         font-weight: 600;
-        font-size: 20px;
+        font-size: 18px;
         color: #101828;
         padding: 0 67px;
         margin-bottom: 40px;
@@ -383,9 +386,10 @@ onMounted(() => {
         }
       }
       .login-input {
-        width: 100%;
+        width: 90%;
         height: 42px;
         font-size: 16px;
+        margin: 0 auto;
         .code {
           font-size: 14px;
           color: #e7000b;
@@ -393,22 +397,23 @@ onMounted(() => {
         }
       }
       :deep(.el-input__wrapper) {
-        border: none;
-        box-shadow: none;
-        outline: none;
-        background: #f4f6f8;
+        // border: none;
+        // box-shadow: none;
+        // outline: none;
+        // background: #f4f6f8;
       }
       :deep(.el-input__prefix) {
         font-size: 18px;
         color: #9ca3af;
       }
       .login-btn {
-        width: 100%;
+        width: 90%;
         height: 42px;
-        margin-top: 20px;
+        // margin-top: 20px;
         font-size: 16px;
         background-color: #c8102e;
         border-color: #c8102e;
+        margin: 20px auto 0 auto;
         &:hover {
           background-color: #a50d26;
           border-color: #a50d26;
@@ -419,6 +424,7 @@ onMounted(() => {
         color: #6a7282;
         padding: 0 80px;
         margin-top: 14px;
+        width: 100%;
         div {
           cursor: pointer;
           &:hover {