增加首页缩放功能

jero-web/src/components/menu/SideMenu.vue

@@ -6,7 +6,7 @@
     :collapsible="collapsible"
     v-model="collapsed"
     :trigger="null">
-    <logo/>
+    <logo :collapsed="collapsed"/>
     <s-menu
       :collapsed="collapsed"
       :menu="menus"

jero-web/src/components/page/GlobalHeader.vue

@@ -27,7 +27,7 @@
     <div v-else :class="['top-nav-header-index', theme]">
       <div class="header-index-wide">
         <div class="header-index-left" :style="topMenuStyle.headerIndexLeft">
-          <logo class="top-nav-header" :show-title="device !== 'mobile'" :style="topMenuStyle.topNavHeader"/>
+          <logo class="top-nav-header" :show-title="device !== 'mobile'"  :style="topMenuStyle.topNavHeader"/>
           <div v-if="device !== 'mobile'" :style="topMenuStyle.topSmenuStyle">
             <s-menu
               mode="horizontal"

jero-web/src/components/tools/Logo.vue

@@ -2,10 +2,11 @@
   <div class="logo">
     <router-link :to="{name:'dashboard'}">
       <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
-      <img src="~@/assets/logo.png" alt="logo" class="logoImg">
+      <img v-if="!collapsed" src="~@/assets/logo.png" alt="logo" class="logoImg">
+      <img v-if="collapsed" src="~@/assets/logoOne.png" alt="logo" class="logoImgOne">
       <!--      <img v-else src="~@/assets/logo.png" alt="logo">-->
       <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
-      <span v-if="showTitle" class="logoTitle">{{ title }}</span>
+      <span v-if="showTitle && !collapsed" class="logoTitle">{{ title }}</span>
     </router-link>
   </div>
 </template>
@@ -26,8 +27,16 @@
         type: Boolean,
         default: true,
         required: false
+      },
+      collapsed: {
+        type: Boolean,
+        required: false,
+        default: false
       }
-    }
+    },
+     mounted() {
+       console.log(this.collapsed)
+     },
   }
 </script>
 <style lang="less" scoped>
@@ -63,6 +72,9 @@
     height: 29px;
   }
 
+  /*.logoImgOne{*/
+  /*  width: ;*/
+  /*} */
   .logoTitle {
     font-size: 25px;
     font-weight: 300 !important;