31 lines
617 B
Vue
31 lines
617 B
Vue
<template>
|
|
<el-container class="layout-container">
|
|
<!-- 顶部导航 -->
|
|
<el-header height="60px"><navbar /></el-header>
|
|
<el-container>
|
|
<!-- 侧边栏 -->
|
|
<el-aside width="220px"><Sidebar /></el-aside>
|
|
<!-- 标签页 -->
|
|
<el-main style="padding: 5px;">
|
|
<router-view />
|
|
</el-main>
|
|
</el-container>
|
|
</el-container>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Navbar from './Navbar.vue'
|
|
import Sidebar from './Sidebar.vue'
|
|
</script>
|
|
|
|
<style scoped>
|
|
.layout-container {
|
|
height: 100vh;
|
|
}
|
|
|
|
.el-header {
|
|
border-bottom: 1px solid #eee;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
</style> |