From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改
---
energy_management_ui/src/layout/components/AppMain.vue | 21 +++++++++++----------
1 files changed, 11 insertions(+), 10 deletions(-)
diff --git a/energy_management_ui/src/layout/components/AppMain.vue b/energy_management_ui/src/layout/components/AppMain.vue
index 5762924..a4e7854 100644
--- a/energy_management_ui/src/layout/components/AppMain.vue
+++ b/energy_management_ui/src/layout/components/AppMain.vue
@@ -10,40 +10,41 @@
<script>
export default {
- name: 'AppMain',
+ name: "AppMain",
computed: {
cachedViews() {
- return this.$store.state.tagsView.cachedViews
+ return this.$store.state.tagsView.cachedViews;
},
key() {
- return this.$route.path
+ return this.$route.path;
}
}
-}
+};
</script>
<style lang="scss" scoped>
+@import "~@/assets/styles/variables.scss";
.app-main {
/* 50= navbar 50 */
- min-height: calc(100vh - 160px);
+ min-height: calc(100vh - 160px - #{$tabBarHeight});
width: 100%;
position: relative;
overflow: hidden;
- padding: 12px 20px;
+ padding: 12px;
}
-.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);
+ min-height: calc(100vh - 84px - #{$tabBarHeight});
}
- .fixed-header+.app-main {
- padding-top: 84px;
+ .fixed-header + .app-main {
+ padding-top: 106px;
}
}
</style>
--
Gitblit v1.9.3