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.
34 lines
636 B
34 lines
636 B
1 year ago
|
<script setup>
|
||
|
|
import HelloWorld from "@/components/HelloWorld.vue";
|
||
|
|
import PageHeader from "@/layout/components/PageHeader.vue";
|
||
|
|
import PageAside from "@/layout/components/PageAside.vue";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="common-layout">
|
||
|
|
<el-container>
|
||
|
|
<el-aside width="200px">
|
||
|
|
<PageAside/>
|
||
|
|
</el-aside>
|
||
|
|
<el-container>
|
||
|
|
<el-header>
|
||
|
|
<PageHeader/>
|
||
|
|
</el-header>
|
||
|
|
<el-main>
|
||
|
|
<HelloWorld/>
|
||
|
|
</el-main>
|
||
|
|
</el-container>
|
||
|
|
</el-container>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
#app,
|
||
|
|
html,
|
||
|
|
body,
|
||
|
|
.el-container {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
</style>
|