Update readme.md
This commit is contained in:
parent
ff0b8c8d97
commit
23db831f3d
|
@ -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" 去掉即可。
|
Loading…
Reference in New Issue