47 lines
762 B
Vue
47 lines
762 B
Vue
<template>
|
|
<!-- 上下布局 -->
|
|
<div id="default-layout">
|
|
<Header></Header>
|
|
<div id="home-container">
|
|
<Nuxt />
|
|
</div>
|
|
<Footer></Footer>
|
|
|
|
<el-backtop target="#default-layout" :visibility-height="500" class="custom-backtop">
|
|
<div class="backtop-content">
|
|
<img src="/logo/back-top.png" />
|
|
</div>
|
|
</el-backtop>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
#default-layout {
|
|
position: relative;
|
|
@include flex-column;
|
|
overflow: auto;
|
|
}
|
|
|
|
.custom-backtop {
|
|
position: fixed;
|
|
right: 15% !important;
|
|
bottom: 30% !important;
|
|
z-index: 999;
|
|
transition: transform 0.3s;
|
|
|
|
}
|
|
|
|
#home-container {
|
|
width: 100%;
|
|
// min-height: 100vh;
|
|
|
|
background-color: $background-color;
|
|
}
|
|
</style>
|