From a10f3b82e33756ed0cd62a0cbe83bab8674df16f Mon Sep 17 00:00:00 2001 From: he wei <858544502@qq.com> Date: 星期二, 03 六月 2025 08:00:58 +0800 Subject: [PATCH] UA 整理提交 --- src/layout/components/AppMain.vue | 19 +++++++++++++------ 1 files changed, 13 insertions(+), 6 deletions(-) diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue index 6a64c48..936c590 100644 --- a/src/layout/components/AppMain.vue +++ b/src/layout/components/AppMain.vue @@ -1,9 +1,9 @@ <template> - <section class="app-main"> + <section :class="['app-main', {'no-decoration': route.meta.decoration === false}]"> <router-view v-slot="{ Component, route }"> <transition name="fade-transform" mode="out-in"> <keep-alive :include="cachedViews"> - <component :is="Component" :key="route.fullPath" /> + <component :is="Component" :key="route.name" /> </keep-alive> </transition> </router-view> @@ -14,6 +14,10 @@ import { defineComponent } from 'vue'; import { useTagsViewStore } from '@/store/tagsView'; import { storeToRefs } from 'pinia'; +import { useRoute, useRouter } from "vue-router"; +const route = useRoute(); +const router = useRouter(); + const tagsViewStore = useTagsViewStore(); const { cachedViews } = storeToRefs(tagsViewStore); @@ -35,10 +39,7 @@ .hasTagsView { .app-main { - /* 84 = navbar + tags-view = 50 + 34 */ - // height: 100vh; - - height: calc(100vh - 148px); + // height: calc(100vh - 148px); background: url("@/assets/images/bg-side.png") calc(100% + 8px) top e('/') auto 80% no-repeat; // position: relative; z-index: 0; @@ -53,6 +54,12 @@ transform: scaleX(-1); background: url("@/assets/images/bg-side.png") calc(100% + 8px) top e('/') auto 80% no-repeat; } + &.no-decoration { + background: transparent; + &::before { + background: transparent; + } + } } // .fixed-header+.app-main { -- Gitblit v1.9.1