描述：登录

src/layouts/BasicLayout.vue

@@ -12,7 +12,7 @@
     <!-- 1.0.0+ 版本 pro-layout 提供 API，我们推荐使用这种方式进行 LOGO 和 title 自定义 -->
     <template v-slot:menuHeaderRender>
       <div>
-        <img src="~@/assets/logo.png"  style='width: 32px ; height: auto'>
+        <img src="~@/assets/logo-white.png"  style='width: 32px ; height: auto'>
         <h1>{{ title }}</h1>
       </div>
     </template>

src/layouts/UserLayout.vue

@@ -1,29 +1,28 @@
 <template>
-  <div id="userLayout" :class="['user-layout-wrapper', isMobile && 'mobile']">
+  <div id='userLayout' :class="['user-layout-wrapper', isMobile && 'mobile']">
-    <div class="container">
+    <div class='container'>
-      <div class="top">
+      <div class='top'>
-        <div class="header">
+        <div class='header'>
-          <a href="/">
+          <div class='logoView'>
-<!--            <img src="~@/assets/logo.png" class="logo" alt="logo">-->
+            <img src='~@/assets/logo.png' class='logo' alt='logo'>
-            <img src="~@/assets/logo.png" class="logo" alt="logo">
+            <span class='title'>园区管理系统</span>
-            <span class="title">园区管理系统</span>
+          </div>
-          </a>
         </div>
-        <div class="desc">
+        <div class='desc'>
 
         </div>
       </div>
 
       <router-view />
 
-      <div class="footer">
+      <div class='footer'>
-        <div class="links">
+        <div class='links'>
-          <a href="_self">帮助</a>
+          <a href='_self'>帮助</a>
-          <a href="_self">隐私</a>
+          <a href='_self'>隐私</a>
-          <a href="_self">条款</a>
+          <a href='_self'>条款</a>
         </div>
-        <div class="copyright">
+        <div class='copyright'>
-          <a target="_blank" href="https://beian.miit.gov.cn">浙ICP备2021888888号</a>
+          <a target='_blank' href='https://beian.miit.gov.cn'>浙ICP备2021888888号</a>
         </div>
       </div>
     </div>
@@ -36,62 +35,55 @@ import { deviceMixin } from '@/store/device-mixin'
 export default {
   name: 'UserLayout',
   mixins: [deviceMixin],
-  mounted () {
+  mounted() {
     document.body.classList.add('userLayout')
   },
-  beforeDestroy () {
+  beforeDestroy() {
     document.body.classList.remove('userLayout')
   }
 }
 </script>
 
-<style lang="less" scoped>
+<style lang='less' scoped>
-  #userLayout.user-layout-wrapper {
+#userLayout.user-layout-wrapper {
-    height: 100%;
+  height: 100%;
 
-    &.mobile {
+  &.mobile {
-      .container {
+    .container {
-        .main {
+      .main {
-          max-width: 368px;
+        max-width: 368px;
-          width: 98%;
+        width: 98%;
-        }
       }
     }
+  }
 
-    .container {
+  .container {
-      width: 100%;
+    width: 100%;
-      min-height: 100%;
+    min-height: 100%;
-      background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
+    background: #f0f2f5 url(~@/assets/background.svg) no-repeat 50%;
-      background-size: 100%;
+    background-size: 100%;
-      padding: 110px 0 144px;
+    padding: 110px 0 144px;
-      position: relative;
+    position: relative;
 
-      a {
+    a {
-        text-decoration: none;
+      text-decoration: none;
-      }
+    }
 
-      .top {
+    .top {
-        text-align: center;
+      text-align: center;
 
-        .header {
+      .header {
-          height: 44px;
+        height: 44px;
-          line-height: 44px;
+        line-height: 44px;
 
-          .badge {
+        .logoView {
-            position: absolute;
+          display: flex;
-            display: inline-block;
+          justify-content: center;
-            line-height: 1;
+          align-items: center;
-            vertical-align: middle;
-            margin-left: -12px;
-            margin-top: -10px;
-            opacity: 0.8;
-          }
 
           .logo {
-            height: 44px;
+            height: 34px;
-            vertical-align: top;
             margin-right: 16px;
-            border-style: none;
           }
 
           .title {
@@ -99,48 +91,51 @@ export default {
             color: rgba(0, 0, 0, .85);
             font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
             font-weight: 600;
-            position: relative;
-            top: 2px;
           }
         }
-        .desc {
-          font-size: 14px;
-          color: rgba(0, 0, 0, 0.45);
-          margin-top: 12px;
-          margin-bottom: 40px;
-        }
       }
 
-      .main {
+      .desc {
-        min-width: 260px;
+        font-size: 14px;
-        width: 368px;
+        color: rgba(0, 0, 0, 0.45);
-        margin: 0 auto;
+        margin-top: 12px;
+        margin-bottom: 40px;
       }
+    }
 
-      .footer {
+    .main {
-        position: absolute;
+      min-width: 260px;
-        width: 100%;
+      width: 368px;
-        bottom: 0;
+      margin: 0 auto;
-        padding: 0 16px;
+    }
-        margin: 48px 0 24px;
-        text-align: center;
 
-        .links {
+    .footer {
-          margin-bottom: 8px;
+      position: absolute;
-          font-size: 14px;
+      width: 100%;
-          a {
+      bottom: 0;
-            color: rgba(0, 0, 0, 0.45);
+      padding: 0 16px;
-            transition: all 0.3s;
+      margin: 48px 0 24px;
-            &:not(:last-child) {
+      text-align: center;
-              margin-right: 40px;
+
-            }
+      .links {
+        margin-bottom: 8px;
+        font-size: 14px;
+
+        a {
+          color: rgba(0, 0, 0, 0.45);
+          transition: all 0.3s;
+
+          &:not(:last-child) {
+            margin-right: 40px;
           }
         }
-        .copyright {
+      }
-          color: rgba(0, 0, 0, 0.45);
+
-          font-size: 14px;
+      .copyright {
-        }
+        color: rgba(0, 0, 0, 0.45);
+        font-size: 14px;
       }
     }
   }
+}
 </style>

src/views/user/Login.vue

@@ -35,7 +35,7 @@
             </a-input-password>
           </a-form-item>
         </a-tab-pane>
-        <a-tab-pane key="tab2" tab="手机号登录">
+        <a-tab-pane key="tab2" tab="手机号登录" v-if='false'>
           <a-form-item>
             <a-input
               size="large"