Update readme
parent
23db831f3d
commit
72cacfabb3
|
@ -16,7 +16,7 @@
|
|||
- [x] 富文本编辑器
|
||||
- [x] markdown编辑器
|
||||
- [x] 图片拖拽/裁剪上传
|
||||
- [x] 支持切换主题色
|
||||
- [x] 支持切换主题色 :sparkles:
|
||||
|
||||
|
||||
## 目录结构介绍 ##
|
||||
|
@ -287,7 +287,7 @@ 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";
|
||||
|
@ -295,4 +295,4 @@ import 'element-ui/lib/theme-default/index.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" 去掉即可。
|
|
@ -12,7 +12,7 @@
|
|||
<p>基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案</p>
|
||||
<h2>前言</h2>
|
||||
<p>之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成。所以我就把开发这个后台管理系统的经验,总结了这个后台管理系统解决方案。</p>
|
||||
<p>该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。</p>
|
||||
<p>该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。分离颜色,支持手动切换主题色,而且很方便使用自定义主题色。</p>
|
||||
<h2>功能</h2>
|
||||
<el-checkbox disabled checked>Element UI</el-checkbox>
|
||||
<br>
|
||||
|
@ -30,7 +30,8 @@
|
|||
<br>
|
||||
<el-checkbox disabled checked>图片拖拽/裁剪上传</el-checkbox>
|
||||
<br>
|
||||
|
||||
<el-checkbox disabled checked>支持切换主题色</el-checkbox>
|
||||
<br>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue