| 
					
				 | 
			
			
				@@ -1,12 +1,24 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    class="sidebar-logo-container" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :class="{ collapse: collapse }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :style="{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      backgroundColor: 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <transition name="sidebarLogoFade"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <img v-if="logo" :src="logo" class="sidebar-logo"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.sidebarTitle : variables.sidebarLightTitle }">{{ title }} </h1> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <router-link 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        v-if="collapse" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        key="collapse" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        class="sidebar-logo-link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        to="/" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <img v-if="logo" :src="logo" class="sidebar-logo-mini" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.sidebarTitle : variables.sidebarLightTitle }">{{ title }} </h1> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </router-link> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <router-link v-else key="expand" class="sidebar-logo-link" to="/"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <img v-if="logo" :src="logo" class="sidebar-logo"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <img v-if="logo" :src="logo" class="sidebar-logo" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <!-- <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.sidebarTitle : variables.sidebarLightTitle }">{{ title }} </h1> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </router-link> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </transition> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -14,32 +26,32 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import logoImg from '@/assets/logo/logo.png' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import variables from '@/assets/styles/variables.scss' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import logoImg from "@/assets/logo/logo.png"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import variables from "@/assets/styles/variables.scss"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  name: 'SidebarLogo', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: "SidebarLogo", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   props: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     collapse: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       type: Boolean, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      required: true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      required: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   computed: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     variables() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       return variables; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-	sideTheme() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      return this.$store.state.settings.sideTheme 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    sideTheme() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      return this.$store.state.settings.sideTheme; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      title: '大木仓储管理系统', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      logo: logoImg 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      title: "大木仓储管理系统", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      logo: logoImg, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="scss" scoped> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -54,8 +66,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .sidebar-logo-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  height:60px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  // width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  height: 60px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   line-height: 60px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   background: #014da1 !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   text-align: center; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -70,7 +82,11 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       vertical-align: middle; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       margin-right: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    & .sidebar-logo-mini { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      height: 18px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      vertical-align: middle; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-right: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     & .sidebar-title { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       margin: 0; 
			 |