baoshiwei
2025-04-19 5d36e1f987ef21e44ded2e8a1d06c28094ec1e76
zhitan-vue/src/layout/components/AppMain.vue
@@ -13,7 +13,7 @@
<script setup>
import iframeToggle from "./IframeToggle/index"
import useTagsViewStore from '@/store/modules/tagsView'
import useTagsViewStore from "@/store/modules/tagsView"
const tagsViewStore = useTagsViewStore()
</script>
@@ -27,21 +27,23 @@
    position: relative;
    overflow: hidden;
    background: #110f2e;
    padding: 14px;
    box-sizing: border-box;
    padding-top: 8px;
  }
  .fixed-header + .app-main {
    padding-top: 50px;
    padding-top: 82px;
  }
  .hasTagsView {
    .app-main {
      /* 84 = navbar + tags-view = 50 + 34 */
      min-height: calc(100vh - 120px);
      // padding: 20px;
      /* 84 = navbar + tags-view + padding = 70 + 56 + 14 */
      min-height: calc(100vh - 110px);
    }
    .fixed-header + .app-main {
      padding-top: 84px;
      padding-top: 108px; /* 60px(navbar) + 34px(tagsview) + 14px(内边距) */
    }
  }
}
@@ -53,25 +55,30 @@
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #F7F8FA;
    background: #f7f8fa;
    padding: 14px;
    box-sizing: border-box;
  }
  .fixed-header + .app-main {
    padding-top: 50px;
    padding-top: 82px;
  }
  .hasTagsView {
    .app-main {
      /* 84 = navbar + tags-view = 50 + 34 */
      // 70+50
      min-height: calc(100vh - 120px);
      // padding: 20px;
      /* 84 = navbar + tags-view + padding = 70 + 56 + 14 */
      min-height: calc(100vh - 110px);
    }
    .fixed-header + .app-main {
      padding-top: 84px;
      padding-top: 108px; /* 60px(navbar) + 34px(tagsview) + 14px(内边距) */
    }
  }
}
/* 用户个人资料页特殊高度处理 */
.user-profile-container {
  min-height: calc(100vh - 50px) !important;
}
</style>
@@ -97,4 +104,3 @@
  border-radius: 3px;
}
</style>