fix:当处于移动端效果优化

src/layout/Header/index.vue

@@ -68,12 +68,14 @@
   import {useSettingStore} from "@/store/modules/setting"
   import {useUserStore} from "@/store/modules/user"
   import {usePermissionStore} from "@/store/modules/permission"
+  import {useTagsViewStore} from "@/store/modules/tagsView"
 
   const person = ref()
   const router = useRouter()
   const SettingStore = useSettingStore()
   const UserStore = useUserStore()
   const PermissionStore = usePermissionStore()
+  const TagsViewStore = useTagsViewStore()
 
   const isCollapse = computed(() =>!SettingStore.isCollapse)
   // menu 布局
@@ -94,7 +96,7 @@
           await UserStore.logout()
           router.push({ path: '/login' })
           PermissionStore.clearRoutes()
-          store.dispatch('tagsView/clearVisitedView')
+          TagsViewStore.clearVisitedView()
         } catch (e) {}
       })
       .catch(() => {})
@@ -150,7 +152,7 @@
     top: 0;
     background: white;
     left: 0;
-    z-index: 99;
+    z-index: 9;
     right: 0;
     transition: left 0.3s;
     flex-shrink: 0;

src/layout/index.vue

@@ -29,7 +29,7 @@
 
       // 是否折叠
       const isCollapse = computed(() => {
-        return !useSettingStore.isCollapse
+        return !SettingStore.isCollapse
       })
       let { device } = useResizeHandler()
       // 当屏幕切换的时候进行变换
@@ -78,7 +78,7 @@
     top: 0;
     height: 100%;
     position: absolute;
-    z-index: 999;
+    z-index: 90;
   }
   .m-container-content {
     //padding: 20px;

src/styles/common.scss

@@ -14,3 +14,10 @@
   display: flex;
   align-items: center;
 }
+
+
+@media screen and ( max-width: 540px ) {
+  .app-breadcrumb{
+    display: none!important;
+  }
+}