diff --git a/src/layout/Header/index.vue b/src/layout/Header/index.vue index 0f72e3f..1f18d2a 100644 --- a/src/layout/Header/index.vue +++ b/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; diff --git a/src/layout/index.vue b/src/layout/index.vue index 6faf467..964e781 100644 --- a/src/layout/index.vue +++ b/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; diff --git a/src/styles/common.scss b/src/styles/common.scss index b066385..dd90a11 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -14,3 +14,10 @@ display: flex; align-items: center; } + + +@media screen and ( max-width: 540px ) { + .app-breadcrumb{ + display: none!important; + } +}