caoliancun/vue-antd-admin-skeleton
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: optimize exception page; 🌟

Browse Source
This commit is contained in:
iczer
2020-07-10 17:56:54 +08:00
parent 839ba55fe1
commit 1f26734a13
5 changed files with 45 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/exception/403.vue
View File

@@ -1,16 +1,24 @@
<template>
<exception-page type="403" />
<exception-page :style="`margin-top: ${marginTop}px; min-height: ${minHeight}px`" type="403" />
</template>
<script>
import ExceptionPage from '../../components/exception/ExceptionPage'
import ExceptionPage from '@/components/exception/ExceptionPage'
import {mapState} from 'vuex'
export default {
components: {ExceptionPage}
components: {ExceptionPage},
inject: ['layoutMinHeight'],
computed: {
...mapState('setting', ['multiPage']),
marginTop() {
return this.multiPage ? -24 : 0
},
minHeight() {
return this.multiPage ? this.layoutMinHeight - 32 : this.layoutMinHeight
}
}
}
</script>
<style scoped lang="less">
.exception-page{
margin: -24px 0 0;
}
</style>

20
src/pages/exception/404.vue
View File

@@ -1,16 +1,24 @@
<template>
<exception-page type="404" />
<exception-page :style="`margin-top: ${marginTop}px; min-height: ${minHeight}px`" type="404" />
</template>
<script>
import ExceptionPage from '../../components/exception/ExceptionPage'
import ExceptionPage from '@/components/exception/ExceptionPage'
import {mapState} from 'vuex'
export default {
components: {ExceptionPage}
components: {ExceptionPage},
inject: ['layoutMinHeight'],
computed: {
...mapState('setting', ['multiPage']),
marginTop() {
return this.multiPage ? -24 : 0
},
minHeight() {
return this.multiPage ? this.layoutMinHeight - 32 : this.layoutMinHeight
}
}
}
</script>
<style scoped lang="less">
.exception-page{
margin: -24px 0 0;
}
</style>

20
src/pages/exception/500.vue
View File

@@ -1,16 +1,24 @@
<template>
<exception-page type="500" />
<exception-page :style="`margin-top: ${marginTop}px; min-height: ${minHeight}px`" type="500" />
</template>
<script>
import ExceptionPage from '../../components/exception/ExceptionPage'
import ExceptionPage from '@/components/exception/ExceptionPage'
import {mapState} from 'vuex'
export default {
components: {ExceptionPage}
components: {ExceptionPage},
inject: ['layoutMinHeight'],
computed: {
...mapState('setting', ['multiPage']),
marginTop() {
return this.multiPage ? -24 : 0
},
minHeight() {
return this.multiPage ? this.layoutMinHeight - 24 : this.layoutMinHeight
}
}
}
</script>
<style scoped lang="less">
.exception-page{
margin: -24px 0 0;
}
</style>