refactor:format code
This commit is contained in:
Pan
@@ -7,7 +7,7 @@ import echarts from 'echarts'
|
||||
require('echarts/theme/macarons') // echarts 主题
|
||||
import { debounce } from '@/utils'
|
||||
|
||||
const animationDuration = 3000
|
||||
const animationDuration = 6000
|
||||
export default {
|
||||
props: {
|
||||
className: {
|
||||
|
||||
@@ -93,7 +93,7 @@ export default {
|
||||
z-index: 100;
|
||||
height: 70px!important;
|
||||
width: 70px!important;
|
||||
position: absolute;
|
||||
position: absolute!important;
|
||||
top: -45px;
|
||||
left: 0px;
|
||||
border: 5px solid #ffffff;
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
</div>
|
||||
<div class='card-panel-description'>
|
||||
<div class='card-panel-text'>Messages</div>
|
||||
<count-to class="card-panel-num" :startVal='0' :endVal='81212' :duration='3600'></count-to>
|
||||
<count-to class="card-panel-num" :startVal='0' :endVal='81212' :duration='4000'></count-to>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -32,7 +32,7 @@
|
||||
</div>
|
||||
<div class='card-panel-description'>
|
||||
<div class='card-panel-text'>Purchases</div>
|
||||
<count-to class="card-panel-num" :startVal='0' :endVal='9280' :duration='3600'></count-to>
|
||||
<count-to class="card-panel-num" :startVal='0' :endVal='9280' :duration='4000'></count-to>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -43,7 +43,7 @@
|
||||
</div>
|
||||
<div class='card-panel-description'>
|
||||
<div class='card-panel-text'>Shoppings</div>
|
||||
<count-to class="card-panel-num" :startVal='0' :endVal='1299' :duration='3600'></count-to>
|
||||
<count-to class="card-panel-num" :startVal='0' :endVal='13600' :duration='4600'></count-to>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -104,7 +104,7 @@ const lineChartData = {
|
||||
},
|
||||
messages: {
|
||||
expectedData: [200, 192, 120, 144, 160, 130, 140],
|
||||
actualData: [180, 160, 101, 106, 145, 150, 130]
|
||||
actualData: [180, 160, 151, 106, 145, 150, 130]
|
||||
},
|
||||
purchases: {
|
||||
expectedData: [80, 100, 121, 104, 105, 90, 100],
|
||||
|
||||
39
src/views/documentation/index.vue
Normal file
39
src/views/documentation/index.vue
Normal file
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="wrapper">
|
||||
<code>
|
||||
<ul>
|
||||
<li>
|
||||
<a target='_blank' href="https://github.com/PanJiaChen/vue-element-admin/">项目地址</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href="https://panjiachen.github.io/vue-element-admin-site/#/">详细文档</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href="https://juejin.im/post/59097cd7a22b9d0065fb61d2">手摸手，带你用 vue 撸后台 系列一(基础篇)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href="https://juejin.im/post/591aa14f570c35006961acac">手摸手，带你用 vue 撸后台 系列二(登录权限篇)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href="https://juejin.im/post/593121aa0ce4630057f70d35">手摸手，带你用 vue 撸后台 系列三 (实战篇)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href="https://juejin.im/post/595b4d776fb9a06bbe7dba56">手摸手，带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href="https://segmentfault.com/a/1190000009090836">手摸手，带你封装一个vue component</a>
|
||||
</li>
|
||||
</ul>
|
||||
</code>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<style scoped>
|
||||
.wrapper{
|
||||
width: 800px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
</style>
|
||||
@@ -1,26 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="wrapper">
|
||||
<code>
|
||||
这半年来一直在用vue写管理后台，目前后台已经有百来个个页面，十几种权限，但维护成本依然很低，所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios由webpack2打包.由于是个人项目，所以数据请求都是用了mockjs模拟。注意：在次项目基础上改造开发时请移除mock文件。
|
||||
写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
|
||||
<ul>
|
||||
<li><a target='_blank' class='lin' href="https://github.com/PanJiaChen/vue-element-admin/">项目地址</a></li>
|
||||
<li><a target='_blank' class='lin' href="https://github.com/PanJiaChen/vue-element-admin/wiki">wiki</a></li>
|
||||
<li><a target='_blank' href="https://juejin.im/post/59097cd7a22b9d0065fb61d2">手摸手，带你用 vue 撸后台 系列一(基础篇)</a></li>
|
||||
<li><a target='_blank' href="https://juejin.im/post/591aa14f570c35006961acac">手摸手，带你用 vue 撸后台 系列二(登录权限篇)</a></li>
|
||||
<li><a target='_blank' href="https://juejin.im/post/593121aa0ce4630057f70d35">手摸手，带你用 vue 撸后台 系列三 (实战篇)</a></li>
|
||||
<li><a target='_blank' href="https://juejin.im/post/595b4d776fb9a06bbe7dba56">手摸手，带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板)</a></li>
|
||||
<li><a target='_blank' href="https://segmentfault.com/a/1190000009090836">手摸手，带你封装一个vue component</a></li>
|
||||
</ul>
|
||||
</code>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.wrapper{
|
||||
width: 800px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
</style>
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div style='margin-bottom:15px;'>你的权限： {{roles}}</div>
|
||||
<div style="margin-bottom:15px;">你的权限： {{roles}}</div>
|
||||
切换权限：
|
||||
<el-radio-group v-model="role">
|
||||
<el-radio-button label="editor"></el-radio-button>
|
||||
@@ -12,6 +12,7 @@
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default{
|
||||
name: 'permission',
|
||||
data() {
|
||||
return {
|
||||
role: ''
|
||||
|
||||
@@ -22,6 +22,7 @@ import icons from './generateIconsView'
|
||||
import clipboard from '@/utils/clipboard' // use clipboard directly
|
||||
|
||||
export default {
|
||||
name: 'icons',
|
||||
data() {
|
||||
return {
|
||||
iconsMap: []
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<el-card class="box-card">
|
||||
<div slot="header">
|
||||
<span style="line-height: 36px;">偏好设置</span>
|
||||
<a class='link-type link-title' target="_blank" href='https://segmentfault.com/a/1190000009762198#articleHeader2'>动态换肤的教程</a>
|
||||
<a class='link-type link-title' target="_blank" href='https://panjiachen.github.io/vue-element-admin-site/#/theme'>换肤文档</a>
|
||||
</div>
|
||||
<div class="box-item">
|
||||
<span class="field-label">换肤:</span>
|
||||
|
||||
Reference in New Issue
Block a user