%full

Former-commit-id: 237bfa21ef445b329afdd92717812787db8d194d

src/assets/style/fixed/base.scss

@@ -5,11 +5,7 @@ html, body {
   height: 100%;
   font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
   #app {
-    position: absolute;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
+    @extend %full;
     overflow: hidden;
     a {
       text-decoration: none;

src/assets/style/theme/theme-base.scss

@@ -8,19 +8,11 @@
   position: relative;
   // 背景上面的半透明遮罩
   .d2-layout-main-mask {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
+    @extend %full;
   }
   // 内容层
   .d2-layout-main-content {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
+    @extend %full;
     $d2-theme-header-height: 60px;
     .d2-theme-header {
       position: absolute;
@@ -42,11 +34,7 @@
         flex-grow: 0;
         position: relative;
         .d2-layout-main-menu-side {
-          position: absolute;
-          top: 0px;
-          bottom: 0px;
-          left: 0px;
-          right: 0px;
+          @extend %full;
           overflow: hidden;
         }
       }
@@ -256,11 +244,7 @@
         .d2-theme-container-main-body {
           // 布局组件
           .container-component {
-            position: absolute;
-            top: 0px;
-            bottom: 0px;
-            left: 0px;
-            right: 0px;
+            @extend %full;
             overflow: hidden;
             // 填充式布局组件
             .d2-container-full {

src/components/core/d2-page-cover/index.vue

@@ -41,11 +41,7 @@ export default {
   }
 }
 .page-index-article-body {
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
+  @extend %full;
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;