[UPDATE]更新动画

src/layout/components/Sidebar/Logo.vue

@@ -45,9 +45,9 @@ export default {
 .sidebar-logo-container {
   position: relative;
   width: 100%;
-  height: 50px;
+  height: 70px;
-  line-height: 50px;
+  line-height: 60px;
-  background: #2b2f3a;
+  // background: #2b2f3a;
   text-align: center;
   overflow: hidden;
 

src/layout/components/Sidebar/Organization.vue

@@ -1,4 +1,5 @@
 <template>
+  <transition name="sidebarLogoFade">
     <div v-if="!isCollapse && orglist.length>1" style="display: block; background-color: transparent; padding: 14px 20px 14px 20px">
       <el-dropdown size="medium">
         <span class="el-dropdown-link" style="color: rgb(167, 177, 194);">
@@ -10,6 +11,7 @@
         </el-dropdown-menu>
       </el-dropdown>
     </div>
+  </transition>
 </template>
 
 <script>
@@ -41,19 +43,27 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-dropdown-menu{
+.sidebarLogoFade-enter-active {
+  transition: opacity 1.5s;
+}
+
+.sidebarLogoFade-enter,
+.sidebarLogoFade-leave-to {
+  opacity: 0;
+}
+  .el-dropdown-menu{
   width: 200px;
-}
+  }
-.el-dropdown-menu >>> .popper__arrow{
+  .el-dropdown-menu >>> .popper__arrow{
   display: none;
-}
+  }
-.el-dropdown{
+  .el-dropdown{
   width: 100%;
-}
+  }
-.el-icon-arrow-down{
+  .el-icon-arrow-down{
   position: absolute;
   top: 50%;
   right: 0px;
   margin-top: -7px;
-}
+  }
 </style>