You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.2 KiB
73 lines
1.2 KiB
<template> |
|
<div class="main"> |
|
<v-navbar class="nav" /> |
|
<div class="layout"> |
|
<div class="content"> |
|
<transition name="move" mode="out-in"> |
|
<router-view class="view"></router-view> |
|
</transition> |
|
<el-backtop target=".content"></el-backtop> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import Setting from '@/setting' |
|
import Util from '@/libs/util' |
|
import vHead from '../header/index.vue' |
|
import vNavbar from '../navbar/index.vue' |
|
import vFooter from '../footer' |
|
export default { |
|
data () { |
|
return { |
|
|
|
}; |
|
}, |
|
components: { |
|
vHead, |
|
vNavbar, |
|
vFooter |
|
}, |
|
mounted () { |
|
const { token } = this.$route.query |
|
Setting.isDev && token && localStorage.setItem('exam_token', token) |
|
}, |
|
}; |
|
</script> |
|
<style lang="scss" scoped> |
|
$navWidth: 200px; |
|
|
|
.main { |
|
display: flex; |
|
min-width: 1300px; |
|
height: 100%; |
|
overflow: hidden; |
|
|
|
.nav { |
|
width: $navWidth; |
|
} |
|
|
|
.layout { |
|
width: calc(100% - #{$navWidth}); |
|
|
|
|
|
.content { |
|
height: 100vh; |
|
overflow: auto; |
|
|
|
.view { |
|
min-height: 100%; |
|
} |
|
} |
|
|
|
&.full { |
|
width: 100%; |
|
|
|
.content { |
|
padding-left: 0; |
|
} |
|
} |
|
} |
|
} |
|
</style> |