diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index 20ef826a21b4b0e7a72fa1c63dfe7296ff27de11..e50163c1837d1b7b1faf7ce9025f91675be500b4 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -19,6 +19,11 @@ export default {
       levelList: null
     }
   },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    }
+  },
   methods: {
     getBreadcrumb() {
       let matched = this.$route.matched.filter(item => item.name)
@@ -31,11 +36,6 @@ export default {
     generateTitle(title) {
       return this.$t('route.' + title)
     }
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb()
-    }
   }
 }
 </script>
diff --git a/src/components/ScrollBar/index.vue b/src/components/ScrollBar/index.vue
index 00e812936dbbaf403a77fdc092bb2441ce675c3f..5c8d21cd21becff5334f8afedb75b2b7354ad95d 100644
--- a/src/components/ScrollBar/index.vue
+++ b/src/components/ScrollBar/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class='scroll-container' ref='scrollContainer' @mousewheel="handleScroll">
-    <div class='scroll-wrapper' ref='scrollWrapper' :style="{top: top + 'px'}">
+  <div class="scroll-container" ref="scrollContainer" @mousewheel="handleScroll">
+    <div class="scroll-wrapper" ref="scrollWrapper" :style="{top: top + 'px'}">
       <slot></slot>
     </div>
   </div>
diff --git a/src/components/ScrollPane/index.vue b/src/components/ScrollPane/index.vue
index dc74400d1a560e421d67264601f6a233e1ce540d..a786ec326c19ba7c0657074241d6f839f61ce99a 100644
--- a/src/components/ScrollPane/index.vue
+++ b/src/components/ScrollPane/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class='scroll-container' ref='scrollContainer' @mousewheel="handleScroll">
-    <div class='scroll-wrapper' ref='scrollWrapper' :style="{left: left + 'px'}">
+  <div class="scroll-container" ref="scrollContainer" @mousewheel="handleScroll">
+    <div class="scroll-wrapper" ref="scrollWrapper" :style="{left: left + 'px'}">
       <slot></slot>
     </div>
   </div>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 4e7ad775844047e56bddc12802e7a58147d55e81..45bbe2044f9c60311bb679c3b49ffe05464a90b3 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,3 +1,4 @@
+@import './variables.scss';
 @import './mixin.scss';
 @import './transition.scss';
 @import './element-ui.scss';
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index 7d826cd29ea845d175799de558e3a0b1e5761205..2fed2b1db3cf4bc096a2c5518bd398e190d330de 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -1,5 +1,3 @@
-@import './variables.scss';
-
 #app {
   // 主体区域
   .main-container {
diff --git a/src/views/layout/components/AppMain.vue b/src/views/layout/components/AppMain.vue
index 395378a3a6a40340a5aff673a8c5f7568738e67a..29fb628805c38e89f60a3856be60a0be476a5bfc 100644
--- a/src/views/layout/components/AppMain.vue
+++ b/src/views/layout/components/AppMain.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="app-main" style="min-height: 100%">
     <transition name="fade" mode="out-in">
-      <keep-alive :include='cachedViews'>
+      <keep-alive :include="cachedViews">
         <router-view></router-view>
       </keep-alive>
     </transition>
diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue
index 3db3415af1b3b22a3596438d780b9bf6e0ac6f71..2ea326ad03af2fc046a1f48b502cac5b0ef1efcb 100644
--- a/src/views/layout/components/Sidebar/SidebarItem.vue
+++ b/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -1,27 +1,27 @@
 <template>
-  <div class='menu-wrapper'>
+  <div class="menu-wrapper">
     <template v-for="item in routes">
 
-      <router-link v-if="!item.hidden&&item.children&&item.children.length===1" :to="item.path+'/'+item.children[0].path" :key='item.children[0].name'>
+      <router-link v-if="!item.hidden&&item.children&&item.children.length===1" :to="item.path+'/'+item.children[0].path" :key="item.children[0].name">
         <el-menu-item :index="item.path+'/'+item.children[0].path" class='submenu-title-noDropdown'>
-          <svg-icon v-if='item.children[0].meta&&item.children[0].meta.icon' :icon-class="item.children[0].meta.icon"></svg-icon>
-          <span v-if='item.children[0].meta&&item.children[0].meta.title'>{{generateTitle(item.children[0].meta.title)}}</span>
+          <svg-icon v-if="item.children[0].meta&&item.children[0].meta.icon" :icon-class="item.children[0].meta.icon"></svg-icon>
+          <span v-if="item.children[0].meta&&item.children[0].meta.title">{{generateTitle(item.children[0].meta.title)}}</span>
         </el-menu-item>
       </router-link>
 
-      <el-submenu v-if="!item.hidden&&item.children&&item.children.length>1" :index="item.name||item.path" :key='item.name'>
+      <el-submenu v-if="!item.hidden&&item.children&&item.children.length>1" :index="item.name||item.path" :key="item.name">
         <template slot="title">
-          <svg-icon v-if='item.meta&&item.meta.icon' :icon-class="item.meta.icon"></svg-icon>
-          <span v-if='item.meta&&item.meta.title'>{{generateTitle(item.meta.title)}}</span>
+          <svg-icon v-if="item.meta&&item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
+          <span v-if="item.meta&&item.meta.title">{{generateTitle(item.meta.title)}}</span>
         </template>
 
-        <template v-if='!child.hidden' v-for="child in item.children">
-          <sidebar-item class='nest-menu' v-if='child.children&&child.children.length>0' :routes='[child]' :key='child.path'></sidebar-item>
+        <template v-if="!child.hidden" v-for="child in item.children">
+          <sidebar-item class="nest-menu" v-if="child.children&&child.children.length>0" :routes="[child]" :key="child.path"></sidebar-item>
 
-          <router-link v-else :to="item.path+'/'+child.path" :key='child.name'>
+          <router-link v-else :to="item.path+'/'+child.path" :key="child.name">
             <el-menu-item :index="item.path+'/'+child.path">
-              <svg-icon v-if='child.meta&&child.meta.icon' :icon-class="child.meta.icon"></svg-icon>
-              <span v-if='child.meta&&child.meta.title'>{{generateTitle(child.meta.title)}}</span>
+              <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+              <span v-if="child.meta&&child.meta.title">{{generateTitle(child.meta.title)}}</span>
             </el-menu-item>
           </router-link>
         </template>
diff --git a/src/views/layout/components/Sidebar/index.vue b/src/views/layout/components/Sidebar/index.vue
index 80c88ee65b3e34b7c4661a7008043648db72e31b..30147f4b51eac4544a62a67dbe7e7f5a4b1995bb 100644
--- a/src/views/layout/components/Sidebar/index.vue
+++ b/src/views/layout/components/Sidebar/index.vue
@@ -1,7 +1,7 @@
 <template>
   <scroll-bar>
     <el-menu mode="vertical" unique-opened :default-active="$route.path" :collapse="isCollapse" background-color="#304156" text-color="#fff" active-text-color="#409EFF">
-      <sidebar-item :routes='permission_routers'></sidebar-item>
+      <sidebar-item :routes="permission_routers"></sidebar-item>
     </el-menu>
   </scroll-bar>
 </template>