Zlpt_Portal/src/views/AppMain.vue

41 lines
842 B
Vue

<script setup lang="ts">
import FooterInfo from '../components/FooterInfo/index.vue'
import HeaderCom from '../layout/header.vue'
const route = useRoute()
onMounted(() => {})
</script>
<template>
<div class="app-container">
<HeaderCom />
<div class="container">
<el-config-provider>
<RouterView />
</el-config-provider>
</div>
</div>
<!-- <FooterInfo /> -->
</template>
<style scoped lang="scss">
.app-container {
display: flex;
flex-direction: column;
width: 1920px;
height: auto;
// height: 1080px;
}
.container {
width: 1552px;
background-color: pink;
margin: 0 auto;
background: #ffffff;
border-radius: 30px;
// padding: 20px 30px;
padding: 20px;
box-sizing: border-box;
// overflow-y: auto;
}
</style>