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

This commit is contained in:
有来技术 2021-12-02 00:09:00 +08:00
parent 8e15cd671f
commit 3fa3d7ec0c
1 changed files with 15 additions and 4 deletions

View File

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