🍊

src/views/layout/AppMain.vue

@@ -1,5 +1,5 @@
 <template>
-    <section class="app-main" style="min-height: 100%">
+    <section class="app-main">
         <transition name="fade" mode="out-in">
             <router-view :key="key"></router-view>
         </transition>

src/views/layout/Layout.vue

@@ -1,11 +1,11 @@
 <template>
     <div class="app-wrapper" :class="{hideSidebar:!sidebar.opened}">
         <div class="sidebar-wrapper">
-            <Sidebar class="sidebar-container" />
+            <sidebar class="sidebar-container"></sidebar>
         </div>
         <div class="main-container">
-            <Navbar/>
-            <App-main/>
+            <navbar></navbar>
+            <app-main></app-main>
         </div>
     </div>
 </template>

src/views/layout/Navbar.vue

@@ -13,11 +13,6 @@
                         首页
                     </el-dropdown-item>
                 </router-link>
-                <router-link class='inlineBlock' to="/admin/profile">
-                    <el-dropdown-item>
-                        设置
-                    </el-dropdown-item>
-                </router-link>
                 <el-dropdown-item divided><span @click="logout" style="display:block;">退出登录</span></el-dropdown-item>
             </el-dropdown-menu>
         </el-dropdown>

src/views/layout/SidebarItem.vue

@@ -3,12 +3,12 @@
         <template v-for="item in routes">
             <router-link v-if="!item.hidden&&item.noDropdown&&item.children.length>0" :to="item.path+'/'+item.children[0].path">
                 <el-menu-item :index="item.path+'/'+item.children[0].path">
-                    <wscn-icon-svg v-if='item.icon' :icon-class="item.icon" /> {{item.children[0].name}}
+                    <icon-svg v-if='item.icon' :icon-class="item.icon" /> {{item.children[0].name}}
                 </el-menu-item>
             </router-link>
             <el-submenu :index="item.name" v-if="!item.noDropdown&&!item.hidden">
                 <template slot="title">
-                    <wscn-icon-svg v-if='item.icon' :icon-class="item.icon" /> {{item.name}}
+                    <icon-svg v-if='item.icon' :icon-class="item.icon" /> {{item.name}}
                 </template>
                 <template v-for="child in item.children" v-if='!child.hidden'>
                     <sidebar-item class='menu-indent' v-if='child.children&&child.children.length>0' :routes='[child]'> </sidebar-item>
@@ -36,7 +36,7 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-    .wscn-icon {
+    .svg-icon {
         margin-right: 10px;
     }
     .hideSidebar .menu-indent{

src/views/layout/TabsView.vue

@@ -1,45 +0,0 @@
-<template>
-  <div class='tabs-view-container'>
-    <router-link class="tabs-view" v-for="tag in Array.from(visitedViews)" :to="tag.path" :key="tag.path">
-      <el-tag :closable="true" @close='closeViewTabs(tag,$event)'>
-        {{tag.name}}
-      </el-tag>
-    </router-link>
-    </div>
-</template>
-
-<script>
-    export default {
-      computed: {
-        visitedViews() {
-          return this.$store.state.app.visitedViews.slice(-6)
-        }
-      },
-      methods: {
-        closeViewTabs(view, $event) {
-          this.$store.dispatch('delVisitedViews', view)
-          $event.preventDefault()
-        },
-        addViewTabs() {
-          this.$store.dispatch('addVisitedViews', this.$route.matched[this.$route.matched.length - 1])
-        }
-      },
-      watch: {
-        $route() {
-          this.addViewTabs()
-        }
-      }
-    }
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .tabs-view-container{
-    display: inline-block;
-    vertical-align: top;
-    margin-left: 10px;
-    .tabs-view{
-      margin-left: 10px;
-    }
-  }
-
-</style>