Update readme.md

This commit is contained in:
lin-xin 2017-03-04 16:22:45 +08:00
parent ff0b8c8d97
commit 23db831f3d
1 changed files with 4 additions and 3 deletions

View File

@ -280,18 +280,19 @@ Vue.js的Markdown Editor组件。访问地址[Vue-SimpleMDE](https://github.c
### 如何切换主题色呢? ###
很简单,首先打开 src/main.js 文件,找到引入 element 样式的地方,换成浅绿色主题。
第一步:打开 src/main.js 文件,找到引入 element 样式的地方,换成浅绿色主题。
```javascript
import 'element-ui/lib/theme-default/index.css'; // 默认主题
// import '../static/css/theme-green/index.css'; // 浅绿色主题
```
然后打开 src/App.vue 文件,找到 <style> 绿
第二步:打开 src/App.vue 文件,找到 <style> 绿
```javascript
@import "../static/css/main.css";
@import "../static/css/color-dark.css"; /*深色主题*/
/*@import "../static/css/theme-green/color-green.css"; !*浅绿色主题*!*/
```
最后,打开 src/components/common/Sidebar.vue 文件,找到 <el-menu> 标签,把 theme="dark" 去掉即可。
第三步:打开 src/components/common/Sidebar.vue 文件,找到 <el-menu> 标签,把 theme="dark" 去掉即可。