feat(layout/material): add aside layout

Author: lbwa

src/layout/Material/Aside.vue

@@ -0,0 +1,19 @@
+<template>
+  <el-aside
+    class="layout__material__aside"
+    width="254px"
+  >
+    material aside
+  </el-aside>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+</style>

src/layout/Material.vue src/layout/Material/index.vuesrc/layout/Material.vue renamed to src/layout/Material/index.vue

@@ -1,6 +1,7 @@
 <template>
   <el-container class="layout__material">
     <!-- Dynamic aside rendering area -->
+    <material-aside/>
 
     <el-container class="layout__material__placeholder">
       <el-header>
@@ -38,6 +39,8 @@
 </template>
 
 <script>
+import MaterialAside from './Aside'
+
 export default {
   methods: {
     onLogout () {
@@ -50,6 +53,10 @@ export default {
     currentYear () {
       return new Date().getFullYear()
     }
+  },
+
+  components: {
+    MaterialAside
   }
 }
 </script>

src/plugins/element.js

@@ -5,6 +5,7 @@ import {
   Container,
   Header,
   Main,
+  Aside,
   Footer,
   Form,
   FormItem,
@@ -21,6 +22,7 @@ vueUsing([
   Container,
   Header,
   Main,
+  Aside,
   Footer,
   Form,
   FormItem,