From 3b73127e670c72611827b8191b9cf7638d780bcb Mon Sep 17 00:00:00 2001
From: lbwa <mr_lbw@outlook.com>
Date: Sat, 29 Feb 2020 20:09:13 +0800
Subject: [PATCH] feat(LMWF): support sticky footer

---
 src/layouts/LMainWithFooter.vue | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/layouts/LMainWithFooter.vue b/src/layouts/LMainWithFooter.vue
index f5a1efa..ead0886 100644
--- a/src/layouts/LMainWithFooter.vue
+++ b/src/layouts/LMainWithFooter.vue
@@ -1,9 +1,20 @@
 <template>
   <div class="l-mwf">
-    <router-view />
+    <template v-if="sticky">
+      <main :class="{ 'l-mwf__main': true, sticky }">
+        <router-view />
+      </main>
+    </template>
+
+    <router-view v-else />
+
     <footer class="l-mwf__footer">
       Copyright &copy; {{ new Date().getFullYear() }}
-      <a href="http://github.com/lbwa" target="_blank" rel="noopener noreferrer"
+      <a
+        href="http://github.com/lbwa"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="link"
         >Bowen</a
       >
     </footer>
@@ -12,14 +23,26 @@
 
 <script>
 export default {
-  name: 'LMainWithFooter'
+  name: 'LMainWithFooter',
+
+  props: {
+    sticky: {
+      type: Boolean,
+      default: true
+    }
+  }
 }
 </script>
 
 <style lang="sass" scoped>
 .l-mwf
+  &__main
+    &.sticky
+      height: calc(100vh - 60px)
+
   &__footer
-    padding: 20px 0
+    height: 60px
+    line-height: 60px
     font-size: 12px
     text-align: center
 </style>