Browse Source

版权标识细节调整

main
klausY 4 years ago
parent
commit
a9401cf0a6
  1. 37
      web/src/view/layout/bottomInfo/bottomInfo.vue
  2. 9
      web/src/view/layout/index.vue

37
web/src/view/layout/bottomInfo/bottomInfo.vue

@ -0,0 +1,37 @@
<template>
<div class="bottom-info">
<div>
<span>Powered by</span>
<span>
<a href="https://github.com/flipped-aurora/gin-vue-admin">gin-vue-admin</a>
</span>
<el-divider direction="vertical"></el-divider>
<span>Copyright</span>
<span>
<a href="https://github.com/flipped-aurora">flipped-aurora团队</a>
</span>
</div>
</div>
</template>
<script>
export default {
name:"BottomInfo"
}
</script>
<style lang="scss">
.bottom-info {
color: #888;
height: 30px;
line-height: 12px;
a {
color: #888;
}
div {
display: flex;
justify-content: center;
span{
margin: 0 3px;
}
}
}
</style>

9
web/src/view/layout/index.vue

@ -64,6 +64,7 @@
<transition mode="out-in" name="el-fade-in-linear"> <transition mode="out-in" name="el-fade-in-linear">
<router-view class="admin-box" v-if="!$route.meta.keepAlive"></router-view> <router-view class="admin-box" v-if="!$route.meta.keepAlive"></router-view>
</transition> </transition>
<BottomInfo />
</el-main> </el-main>
</el-container> </el-container>
<el-dialog :visible.sync="showPassword" @close="clearPassword" title="修改密码" width="360px"> <el-dialog :visible.sync="showPassword" @close="clearPassword" title="修改密码" width="360px">
@ -91,6 +92,7 @@ import Aside from '@/view/layout/aside'
import HistoryComponent from '@/view/layout/aside/historyComponent/history' import HistoryComponent from '@/view/layout/aside/historyComponent/history'
import Screenfull from '@/view/layout/screenfull' import Screenfull from '@/view/layout/screenfull'
import Search from '@/view/layout/search/search' import Search from '@/view/layout/search/search'
import BottomInfo from '@/view/layout/bottomInfo/bottomInfo'
import { mapGetters, mapActions } from 'vuex' import { mapGetters, mapActions } from 'vuex'
import { changePassword } from '@/api/user' import { changePassword } from '@/api/user'
export default { export default {
@ -135,7 +137,8 @@ export default {
Aside, Aside,
HistoryComponent, HistoryComponent,
Screenfull, Screenfull,
Search
Search,
BottomInfo
}, },
methods: { methods: {
...mapActions('user', ['LoginOut']), ...mapActions('user', ['LoginOut']),
@ -241,6 +244,7 @@ $mainHight: 100vh;
z-index: 999; z-index: 999;
} }
.admin-box { .admin-box {
min-height: calc(100vh - 240px);
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
margin-top: 100px; margin-top: 100px;
} }
@ -272,7 +276,7 @@ $mainHight: 100vh;
// padding: 6px; // padding: 6px;
// border-bottom: 1px solid #eee; // border-bottom: 1px solid #eee;
} }
&.el-main { &.el-main {
overflow: auto; overflow: auto;
background: #fff; background: #fff;
@ -366,6 +370,7 @@ $mainHight: 100vh;
} }
} }
.screenfull { .screenfull {
display: inline-block; display: inline-block;
} }

Loading…
Cancel
Save