Não pode escolher mais do que 25 tópicos
Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
|
- <script setup lang="ts">
- import { useTagsViewStore } from "@/store/modules/tagsView";
-
- const tagsViewStore = useTagsViewStore();
- </script>
-
- <template>
- <section class="app-main">
- <router-view v-slot="{ Component, route }">
- <transition name="router-fade" mode="out-in">
- <keep-alive :include="tagsViewStore.cachedViews">
- <component :is="Component" :key="route.fullPath" />
- </keep-alive>
- </transition>
- </router-view>
- </section>
- </template>
-
- <style lang="scss" scoped>
- .app-main {
- position: relative;
- width: 100%;
-
- /* 50= navbar 50 */
- min-height: calc(100vh - 80px);
- overflow: hidden;
- // background-color: var(--el-bg-color-page);
- background-color: #000;
- }
-
- .fixed-header + .app-main {
- padding-top: 50px;
- }
-
- .hasTagsView {
- .app-main {
- /* 84 = navbar + tags-view = 50 + 34 */
- min-height: calc(100vh - 84px);
- }
-
- .fixed-header + .app-main {
- min-height: 100vh;
- padding-top: 84px;
- }
- }
- </style>
|