Update readme component

pull/38/head
lin-xin 2017-02-23 09:34:06 +08:00
parent 9fea371e28
commit 2f64de872f
4 changed files with 11 additions and 5 deletions

View File

@ -3,9 +3,11 @@
## 前言 ##
之前在公司用了Vue + Element组件库做了个后台管理系统基本很多组件可以直接引用组件库的但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能就需要引用其他的组件才能完成。所以我就把开发这个后台管理系统的经验总结了这个后台管理系统解决方案。
该方案作为一套多功能的后台框架模板适用于绝大部分的后台管理系统Web Management System开发。基于vue.js,使用vue-cli脚手架快速生成项目目录引用Element UI组件库方便开发快速简洁好看的组件。
模板现包括了表格、表单、富文本编辑器、markdown编辑器、图片拖拽/裁剪上传、图表等功能。

View File

@ -25,7 +25,6 @@
methods:{
handleCommand(command) {
if(command == 'loginout'){
console.log(1)
this.$router.push('/login');
}
},

View File

@ -10,10 +10,14 @@
<article>
<h1>manage-system</h1>
<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>
<h2>功能</h2>
<el-checkbox disabled checked>Element UI</el-checkbox>
<br>
<el-checkbox disabled checked>登录/注销</el-checkbox>
<br>
<el-checkbox disabled checked>表格</el-checkbox>
<br>
<el-checkbox disabled checked>表单</el-checkbox>
@ -86,9 +90,6 @@
.ms-doc article .el-checkbox{
margin-bottom: 5px;
}
.ms-doc .el-checkbox__input.is-disabled+.el-checkbox__label{
}
</style>
<style>
.ms-doc .el-checkbox__input.is-disabled+.el-checkbox__label{

View File

@ -5,6 +5,10 @@ Vue.use(Router);
export default new Router({
routes: [
{
path: '/',
redirect: '/login'
},
{
path: '/readme',
component: resolve => require(['../components/common/Home.vue'], resolve),