Newer
Older
urbanLifeline_YanAn / src / layout / components / AppMain.vue
@zhangqy zhangqy on 7 Oct 1 KB 样式修改
  1. <template>
  2. <section class="app-main">
  3. <router-view v-slot="{ Component, route }">
  4. <!-- <transition name="fade-transform" mode="out-in"> -->
  5. <keep-alive :include="tagsViewStore.cachedViews">
  6. <component v-if="!route.meta.link" :is="Component" :key="route.path" />
  7. </keep-alive>
  8. <!-- </transition> -->
  9. </router-view>
  10. <iframe-toggle />
  11. </section>
  12. </template>
  13.  
  14. <script setup>
  15. import iframeToggle from "./IframeToggle/index";
  16. import useTagsViewStore from "@/store/modules/tagsView";
  17.  
  18. const tagsViewStore = useTagsViewStore();
  19. </script>
  20.  
  21. <style lang="scss" scoped>
  22. .app-main {
  23. /* 50= navbar 50 */
  24. // min-height: calc(100vh - 50px);
  25. min-height: 100vh;
  26. width: 100%;
  27. position: relative;
  28. overflow: hidden;
  29. }
  30.  
  31. .fixed-header + .app-main {
  32. padding-top: 50px;
  33. }
  34.  
  35. .hasTagsView {
  36. .app-main {
  37. /* 84 = navbar + tags-view = 50 + 34 */
  38. min-height: calc(100vh - 84px);
  39. }
  40.  
  41. .fixed-header + .app-main {
  42. padding-top: 84px;
  43. }
  44. }
  45. </style>
  46.  
  47. <style lang="scss">
  48. // fix css style bug in open el-dialog
  49. .el-popup-parent--hidden {
  50. .fixed-header {
  51. padding-right: 17px;
  52. }
  53. }
  54. </style>