From b671ca61b18e5d25610d25fc8c9f4a2799a83c6a Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Sat, 7 Jul 2018 20:06:48 +0800
Subject: [PATCH] %full

Former-commit-id: 237bfa21ef445b329afdd92717812787db8d194d
---
 src/assets/style/fixed/base.scss            |  6 +-----
 src/assets/style/theme/theme-base.scss      | 24 ++++-----------------
 src/components/core/d2-page-cover/index.vue |  6 +-----
 3 files changed, 6 insertions(+), 30 deletions(-)

diff --git a/src/assets/style/fixed/base.scss b/src/assets/style/fixed/base.scss
index 00fe6b9..42507ac 100644
--- a/src/assets/style/fixed/base.scss
+++ b/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;
diff --git a/src/assets/style/theme/theme-base.scss b/src/assets/style/theme/theme-base.scss
index e5d62ae..a80eb9f 100644
--- a/src/assets/style/theme/theme-base.scss
+++ b/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 {
diff --git a/src/components/core/d2-page-cover/index.vue b/src/components/core/d2-page-cover/index.vue
index deb71c1..e6516a2 100644
--- a/src/components/core/d2-page-cover/index.vue
+++ b/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;