Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
绝世唐门三哥
Vue Manage System
提交
ff0b8c8d
Vue Manage System
项目概览
绝世唐门三哥
/
Vue Manage System
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Vue Manage System
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ff0b8c8d
编写于
3月 04, 2017
作者:
L
lin-xin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update readme.md
上级
14c551b7
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
22 addition
and
3 deletion
+22
-3
README.md
README.md
+22
-3
未找到文件。
README.md
浏览文件 @
ff0b8c8d
...
...
@@ -5,7 +5,7 @@
## 前言 ##
之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成。所以我就把开发这个后台管理系统的经验,总结了这个后台管理系统解决方案。
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。
分离颜色,支持手动切换主题色,而且很方便使用自定义主题色。
## 功能 ##
-
[x] Element UI
...
...
@@ -16,6 +16,7 @@
-
[x] 富文本编辑器
-
[x] markdown编辑器
-
[x] 图片拖拽/裁剪上传
-
[x] 支持切换主题色
## 目录结构介绍 ##
...
...
@@ -250,7 +251,7 @@ Vue.js的Markdown Editor组件。访问地址:[Vue-SimpleMDE](https://github.c
```
## 其他注意事项 ##
如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢?
### 一、如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢? ###
举个栗子,我不想用 vue-datasource 这个组件,那我需要分四步走。
...
...
@@ -275,4 +276,22 @@ Vue.js的Markdown Editor组件。访问地址:[Vue-SimpleMDE](https://github.c
npm un vue-datasource -S
完成。
\ No newline at end of file
完成。
### 如何切换主题色呢? ###
很简单,首先打开 src/main.js 文件,找到引入 element 样式的地方,换成浅绿色主题。
```
javascript
import
'
element-ui/lib/theme-default/index.css
'
;
// 默认主题
// import '../static/css/theme-green/index.css'; // 浅绿色主题
```
然后打开 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" 去掉即可。
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录