diff --git a/README.md b/README.md index 423958073d8bce0b622ff35b5a800158385939ec..a8004cf2b566463a116e35db1784e356bdebd3b6 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,18 @@ # vue-manage-system # -基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/) +基于Vue.js + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/) +(本项目基于vue-cli3构建,如果是vue-cli2的请下载[旧版本V3.2.0](https://github.com/lin-xin/vue-manage-system/releases/tag/V3.2.0)) [English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md) -[更新日志](https://github.com/lin-xin/vue-manage-system/releases) +## 项目截图 ## +### 登录 +![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms3.png) + +### 默认皮肤 ### +![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png) + +### 浅绿色皮肤 ### +![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms2.png) ## 赞赏 请作者喝杯咖啡吧!(微信号:linxin_20) @@ -36,21 +45,17 @@ - [x] 可拖拽弹窗 ## 安装步骤 ## +``` +git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地 +cd vue-manage-system // 进入模板目录 +npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn - git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地 - cd vue-manage-system // 进入模板目录 - npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn - -## 本地开发 ## - - // 开启服务器,浏览器访问 http://localhost:8080 - npm run serve - -## 构建生产 ## - - // 执行构建命令,生成的dist文件夹放在服务器下即可访问 - npm run build +// 开启服务器,浏览器访问 http://localhost:8080 +npm run serve +// 执行构建命令,生成的dist文件夹放在服务器下即可访问 +npm run build +``` ## 组件使用说明与演示 ## ### vue-schart ### @@ -100,20 +105,6 @@ vue.js封装sChart.js的图表组件。访问地址:[vue-schart](https://githu ``` -### element-ui ### -一套基于vue.js2.0的桌面组件库。访问地址:[element](http://element.eleme.io/#/zh-CN/component/layout) - -### Vue-Quill-Editor ### -基于Quill、适用于Vue2的富文本编辑器。访问地址:[vue-quill-editor](https://github.com/surmon-china/vue-quill-editor) - -(IE10及以下不支持) - -### mavonEditor ### -基于Vue的markdown编辑器。访问地址:[mavonEditor](https://github.com/hinesboy/mavonEditor) - -### vue-cropperjs ### -一个封装了 cropperjs 的 Vue 组件,用于裁剪图片。访问地址:[vue-cropperjs](https://github.com/Agontuk/vue-cropperjs) - ## 其他注意事项 ## ### 一、如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢? ### @@ -164,12 +155,3 @@ import 'element-ui/lib/theme-default/index.css'; // 默认主题 ``` 第三步:打开 src/components/common/Sidebar.vue 文件,找到 el-menu 标签,把 background-color/text-color/active-text-color 属性去掉即可。 - -## 项目截图 ## -### 默认皮肤 ### - -![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms1.png) - -### 浅绿色皮肤 ### - -![Image text](https://github.com/lin-xin/manage-system/raw/master/screenshots/wms2.png)