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