<script>
|
import appMain from "@/layout/components/AppMain.vue";
|
export default {
|
name: "LayoutIndex",
|
components: {
|
appMain
|
},
|
data() {
|
return {}
|
},
|
methods: {
|
|
},
|
mounted() {
|
|
}
|
}
|
</script>
|
|
<template>
|
<div class="app-wrapper">
|
<div class="app-header">
|
<div class="app-title">武汉源畅科技电源监控平台</div>
|
<div class="app-menu"></div>
|
</div>
|
<div class="app-main">
|
<app-main></app-main>
|
</div>
|
<div class="app-footer"></div>
|
</div>
|
</template>
|
|
<style scoped lang="scss">
|
.app-wrapper {
|
display: flex;
|
flex-direction: column;
|
height: 100%;
|
.app-header {
|
height: var(--base-height);
|
.app-title {
|
display: inline-block;
|
min-width: 600px;
|
font-size: 24px;
|
font-weight: 700;
|
padding: 0 200px 0 20px;
|
background-image: var(--bg-image);
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
height: var(--base-height);
|
line-height: var(--base-height);
|
}
|
}
|
.app-main {
|
flex: 1;
|
}
|
}
|
</style>
|
