feat: app-footer fixed

xidedix · xidedix · commit c96bddfd2c8e · 2018-04-05T15:08:13.000+02:00
diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
@@ -22,12 +22,20 @@
         default: false
       }
     },
+    mounted: function () {
+      this.isFixed()
+    },
     computed: {
       classList () {
         return [
           'app-footer'
         ]
       }
+    },
+    methods: {
+      isFixed () {
+        this.fixed ? document.body.classList.add('footer-fixed') : document.body.classList.remove('footer-fixed')
+      }
     }
   }
 </script>
diff --git a/src/containers/Full.vue b/src/containers/Full.vue
@@ -85,7 +85,7 @@
         <FullAside/>
       </AppAside>
     </div>
-    <AppFooter>
+    <AppFooter fixed>
       <!--footer-->
     </AppFooter>
   </div>

Original file line number	Diff line number	Diff line change
`@@ -22,12 +22,20 @@`
`22`	`22`	`default: false`
`23`	`23`	`}`
`24`	`24`	`},`
	`25`	`+ mounted: function () {`
	`26`	`+ this.isFixed()`
	`27`	`+ },`
`25`	`28`	`computed: {`
`26`	`29`	`classList () {`
`27`	`30`	`return [`
`28`	`31`	`'app-footer'`
`29`	`32`	`]`
`30`	`33`	`}`
	`34`	`+ },`
	`35`	`+ methods: {`
	`36`	`+ isFixed () {`
	`37`	`+ this.fixed ? document.body.classList.add('footer-fixed') : document.body.classList.remove('footer-fixed')`
	`38`	`+ }`
`31`	`39`	`}`
`32`	`40`	`}`
`33`	`41`	`</script>`