fix: the problem of calculating minimum height of page; 🐛

修复：页面内容最小高度计算错误问题；

src/layouts/AdminLayout.vue

@@ -14,8 +14,8 @@
     <a-layout class="admin-layout-main beauty-scroll">
       <admin-header :class="[{'fixed-tabs': fixedTabs, 'fixed-header': fixedHeader, 'multi-page': multiPage}]" :style="headerStyle" :menuData="headMenuData" :collapsed="collapsed" @toggleCollapse="toggleCollapse"/>
       <a-layout-header :class="['virtual-header', {'fixed-tabs' : fixedTabs, 'fixed-header': fixedHeader, 'multi-page': multiPage}]" v-show="fixedHeader"></a-layout-header>
-      <a-layout-content class="admin-layout-content">
+      <a-layout-content class="admin-layout-content" :style="`min-height: ${minHeight}px;`">
-        <div :style="`min-height: ${minHeight}px; position: relative`">
+        <div style="position: relative">
           <slot></slot>
         </div>
       </a-layout-content>
@@ -34,14 +34,14 @@ import SideMenu from '../components/menu/SideMenu'
 import Setting from '../components/setting/Setting'
 import {mapState, mapMutations, mapGetters} from 'vuex'
 
-const minHeight = window.innerHeight - 64 - 24 - 122
+// const minHeight = window.innerHeight - 64 - 122
 
 export default {
   name: 'AdminLayout',
   components: {Setting, SideMenu, Drawer, PageFooter, AdminHeader},
   data () {
     return {
-      minHeight: minHeight,
+      minHeight: window.innerHeight - 64 - 122,
       collapsed: false,
       showSetting: false,
       drawerOpen: false
@@ -109,11 +109,11 @@ export default {
     }
   },
   created() {
-    this.correctPageMinHeight(minHeight - 1)
+    this.correctPageMinHeight(this.minHeight - 24)
     this.setActivated(this.$route)
   },
   beforeDestroy() {
-    this.correctPageMinHeight(-minHeight + 1)
+    this.correctPageMinHeight(-this.minHeight + 24)
   }
 }
 </script>
@@ -152,7 +152,7 @@ export default {
     .admin-layout-content{
       padding: 24px 24px 0;
       /*overflow-x: hidden;*/
-      min-height: calc(100vh - 64px - 122px);
+      /*min-height: calc(100vh - 64px - 122px);*/
     }
     .setting{
       background-color: @primary-color;

src/layouts/footer/PageFooter.vue

@@ -20,8 +20,8 @@ export default {
 
 <style lang="less" scoped>
   .footer{
-    padding: 0 16px;
+    padding: 48px 16px 24px;
-    margin: 48px 0 24px;
+    /*margin: 48px 0 24px;*/
     text-align: center;
     .copyright{
       color: @text-color-second;