邃芒慧语、照片说话(PC) https://photo.metavatar.cc/
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 
 

47 satır
976 B

  1. <script setup lang="ts">
  2. import { useTagsViewStore } from "@/store/modules/tagsView";
  3. const tagsViewStore = useTagsViewStore();
  4. </script>
  5. <template>
  6. <section class="app-main">
  7. <router-view v-slot="{ Component, route }">
  8. <transition name="router-fade" mode="out-in">
  9. <keep-alive :include="tagsViewStore.cachedViews">
  10. <component :is="Component" :key="route.fullPath" />
  11. </keep-alive>
  12. </transition>
  13. </router-view>
  14. </section>
  15. </template>
  16. <style lang="scss" scoped>
  17. .app-main {
  18. position: relative;
  19. width: 100%;
  20. /* 50= navbar 50 */
  21. min-height: calc(100vh - 80px);
  22. overflow: hidden;
  23. // background-color: var(--el-bg-color-page);
  24. background-color: #000;
  25. }
  26. .fixed-header + .app-main {
  27. padding-top: 50px;
  28. }
  29. .hasTagsView {
  30. .app-main {
  31. /* 84 = navbar + tags-view = 50 + 34 */
  32. min-height: calc(100vh - 84px);
  33. }
  34. .fixed-header + .app-main {
  35. min-height: 100vh;
  36. padding-top: 84px;
  37. }
  38. }
  39. </style>