yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加排序功能，修改错别字 dashbord->dashboard 需更新数据库中base_menu表中 所有的dashbord改为dashboard

Browse Source
This commit is contained in:
QM303176530
2020-04-07 21:54:02 +08:00
parent 38ccce5182
commit 604d6dcd42
7 changed files with 37 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/dashboard/component/animition.vue
+93
View File
@@ -0,0 +1,93 @@
<template>
<div class="container">
<ul class="moon">
<li class="crater"></li>
<li class="crater"></li>
<li class="crater"></li>
</ul>
<ul class="mountain-range">
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
<li class="mountain"></li>
</ul>
<div class="mountain-range-mask"></div>
<ul class="forest">
<li class="hill"></li>
<li class="hill"></li>
<li class="hill"></li>
</ul>
<ul class="sparkles">
<li class="sparkle one"></li>
<li class="sparkle one"></li>
<li class="sparkle one"></li>
<li class="sparkle one"></li>
<li class="sparkle two"></li>
<li class="sparkle two"></li>
<li class="sparkle two"></li>
<li class="sparkle two"></li>
<li class="sparkle three"></li>
<li class="sparkle three"></li>
<li class="sparkle three"></li>
<li class="sparkle three"></li>
<li class="sparkle four"></li>
<li class="sparkle four"></li>
<li class="sparkle four"></li>
<li class="sparkle four"></li>
<li class="sparkle five"></li>
<li class="sparkle five"></li>
<li class="sparkle five"></li>
<li class="sparkle five"></li>
<li class="sparkle six"></li>
<li class="sparkle six"></li>
<li class="sparkle six"></li>
<li class="sparkle six"></li>
<li class="sparkle seven"></li>
<li class="sparkle seven"></li>
<li class="sparkle seven"></li>
<li class="sparkle seven"></li>
<li class="sparkle eight"></li>
<li class="sparkle eight"></li>
<li class="sparkle eight"></li>
<li class="sparkle eight"></li>
</ul>
<div class="grass">
<div class="pokemon">
<div class="poke" id="bulbasaur">
<div class="ear"></div>
<div class="ear"></div>
<div class="head"></div>
<div class="leg"></div>
<div class="bulba-body"></div>
<div class="bulbs">
<div class="bulb"></div>
</div>
</div>
<div class="poke" id="pikachu">
<div class="ear"></div>
<div class="ear"></div>
<div class="hand"></div>
<div class="pika-body"></div>
<div class="head"></div>
<div class="pika-tail"></div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'Animition'
}
</script>
<style lang="scss">
@import '@/style/animition.scss';
</style>
web/src/view/dashboard/index.vue
+48
View File
@@ -0,0 +1,48 @@
<template>
<div>
<h2 style="text-align:center">gin-vue-admin by 奇淼 And krank666</h2>
<h2 style="text-align:center;margin:15px">点击动画获取联系方式</h2>
<el-drawer
:visible.sync="drawer"
title="联系方式"
>
<div style="text-align:center;margin-top:30px;">
<img src="http://qmplusimg.henrongyi.top/yx.jpg" width="180" />
<H3>krank666微信</H3>
</div>
<div style="text-align:center;margin-top:30px;">
<img src="http://qmplusimg.henrongyi.top/jjz.jpg" width="180" />
<H3>Mr.奇淼微信</H3>
</div>
</el-drawer>
<div @click="drawer = true">
<Animition />
</div>
<h2 style="text-align:right;margin:40px;">
当前版本号：v0.1.0
</h2>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import Animition from '@/view/dashboard/component/animition.vue'
export default {
name: 'Dashbord',
data() {
return {
drawer: false
}
},
computed: {
...mapGetters('user', ['userInfo'])
},
components: {
Animition
}
}
</script>
<style lang="scss" scoped>
</style>