Update readme component
parent
9fea371e28
commit
2f64de872f
|
@ -3,9 +3,11 @@
|
|||
|
||||
|
||||
## 前言 ##
|
||||
之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成。所以我就把开发这个后台管理系统的经验,总结了这个后台管理系统解决方案。
|
||||
|
||||
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于vue.js,使用vue-cli脚手架快速生成项目目录,引用Element UI组件库,方便开发快速简洁好看的组件。
|
||||
|
||||
模板现包括了表格、表单、富文本编辑器、markdown编辑器、图片拖拽/裁剪上传、图表等功能。
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -25,7 +25,6 @@
|
|||
methods:{
|
||||
handleCommand(command) {
|
||||
if(command == 'loginout'){
|
||||
console.log(1)
|
||||
this.$router.push('/login');
|
||||
}
|
||||
},
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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),
|
||||
|
|
Loading…
Reference in New Issue