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