refactor:update element

src/main.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-default/index.css'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
 import App from './App'
 import router from './router'
 import store from './store'
@@ -10,7 +10,7 @@ import './errorLog'// error log
 import './permission' // 权限
 import './mock' // 该项目所有请求使用mockjs模拟
 
-Vue.use(ElementUI)
+Vue.use(Element)
 
 // register global utility filters.
 Object.keys(filters).forEach(key => {

src/views/layout/components/Sidebar.vue

@@ -1,10 +1,11 @@
 <template>
-    <el-menu mode="vertical" theme="dark" unique-opened :default-active="$route.path" :collapse="isCollapse">
-      <sidebar-item :routes='permission_routers'></sidebar-item>
-    </el-menu>
+  <el-menu mode="vertical" unique-opened :default-active="$route.path" :collapse="isCollapse" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
+    <sidebar-item :routes='permission_routers'></sidebar-item>
+  </el-menu>
 </template>
 
 
+
 <script>
 import { mapGetters } from 'vuex'
 import SidebarItem from './SidebarItem'

src/views/theme/index.vue

@@ -45,7 +45,7 @@
 
 <script>
 import { toggleClass } from '@/utils'
-import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
+// import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
 
 export default {
   name: 'theme',