34 lines
684 B
Vue
34 lines
684 B
Vue
<template>
|
||
<div class="layout">
|
||
<!-- 导航栏 -->
|
||
<Navbar />
|
||
|
||
<!-- 页面内容插槽（子页面会填充这里） -->
|
||
<!-- <main class="layout-main">-->
|
||
<!-- <slot></slot>-->
|
||
<!-- </main>-->
|
||
|
||
<router-view></router-view>
|
||
<!-- 页脚 -->
|
||
<Footer />
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import Navbar from '@/components/Navbar.vue'
|
||
import Footer from '@/components/Footer.vue'
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
.layout {
|
||
min-height: 100vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.layout-main {
|
||
padding: 100px 0 60px; /* 导航栏80px + 20px间距，页脚60px */
|
||
//width: 1200px;
|
||
margin: 0 auto;
|
||
}
|
||
</style>
|