28 lines
496 B
Vue
28 lines
496 B
Vue
<template>
|
|
<div class="basic-layout">
|
|
<Header />
|
|
<Main />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="layout">
|
|
import Header from './component/Header';
|
|
import Main from './component/Main';
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.basic-layout {
|
|
width: 100%;
|
|
min-width: 1200px;
|
|
height: fit-content;
|
|
&-container {
|
|
position: relative;
|
|
margin-left: 210px;
|
|
height: 100%;
|
|
transition: margin-left 0.28s;
|
|
box-sizing: border-box;
|
|
@include flex-column;
|
|
}
|
|
}
|
|
</style>
|