sidebar收缩

src/layout/components/Navbar.vue

@@ -1,5 +1,13 @@
 <template>
   <div class="navbar" :class="'nav' + navType">
+    <hamburger
+      v-show="Showhamburger"
+      id="hamburger-container"
+      :is-active="appStore.sidebar.opened"
+      class="hamburger-container"
+      @toggle-click="toggleSideBar"
+    >
+    </hamburger>
     <div class="right-menu flex align-center">
       <template v-if="appStore.device !== 'mobile'">
         <el-tooltip :content="proxy.$t('navbar.message')" effect="dark" placement="bottom">
@@ -63,10 +71,16 @@ const navType = computed(() => settingsStore.navType);
 
 // 是否切换了租户
 const dynamic = ref(true);
-
-// const toggleSideBar = () => {
-//   appStore.toggleSideBar(false);
-// };
+const props = defineProps({
+  Showhamburger: {
+    type: Boolean,
+    default: true
+  }
+});
+console.log(props.Showhamburger);
+const toggleSideBar = () => {
+  appStore.toggleSideBar(false);
+};
 
 const logout = async () => {
   await ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {