fix(AppMain.vue): 首页无内容出现滚动条问题修复

This commit is contained in:
有来技术
2021-12-02 00:09:00 +08:00
parent 8e15cd671f
commit 3fa3d7ec0c

View File

@@ -36,18 +36,29 @@ export default defineComponent({
</script> </script>
<style scoped> <style lang="scss" scoped>
.app-main { .app-main {
/*50 = navbar */ /* 50= navbar 50 */
min-height: calc(100vh - 50px); min-height: calc(100vh - 50px);
width: 100%; width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.fixed-header + .app-main { .fixed-header+.app-main {
padding-top: 50px; padding-top: 50px;
} }
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 84px);
}
.fixed-header+.app-main {
padding-top: 84px;
}
}
</style> </style>
<style lang="scss"> <style lang="scss">
@@ -57,4 +68,4 @@ export default defineComponent({
padding-right: 15px; padding-right: 15px;
} }
} }
</style> </style>