开发ing

src/layout/index.vue

@@ -2,7 +2,8 @@
   <div class="layout">
     <div class="layout-left">
       <div class="layout-logo">
-        <img src="" alt="">
+        <img :class="['small','logo',isCollapse?'show':'hide']" src="/static/image/logo_small.png" alt="">
+        <img :class="['big','logo',isCollapse?'hide':'show']" src="/static/image/logo_big.png" alt="">
       </div>
       <div class="layout-menu">
         <el-menu :unique-opened="true" class="layout-menu-inner" :collapse="isCollapse" :default-active="menuActive+''">
@@ -172,6 +173,21 @@ export default {
       .layout-logo{
         border-bottom: 1px solid #E5E7EB;
         height: 80px;
+        position: relative;
+        .logo{
+          position: absolute;
+          left: 50%;
+          transform: translateX(-50%);
+          top: 16px;
+          object-fit: contain;
+          max-width: calc(100% - 32px);
+          height: calc(100% - 32px);
+          opacity: 1;
+          transition-duration: 300ms;
+          &.hide{
+            opacity: 0;
+          }
+        }
       }
       .layout-menu{
         .layout-menu-inner{