R2m1liA
0265ea4978
All checks were successful
deploy to server / build-and-deploy (push) Successful in 3m4s
49 lines
872 B
Vue
49 lines
872 B
Vue
<template>
|
|
<el-container class="app-container">
|
|
<el-header height="auto" class="page-header">
|
|
<jinshen-header />
|
|
</el-header>
|
|
<el-main class="main-content">
|
|
<slot />
|
|
</el-main>
|
|
<el-footer height="auto" class="page-footer">
|
|
<jinshen-footer />
|
|
</el-footer>
|
|
</el-container>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { t } = useI18n();
|
|
|
|
useHead(() => {
|
|
const siteTitle = t('company-name');
|
|
return {
|
|
titleTemplate: (title) => (title ? `${title} - ${siteTitle}` : siteTitle),
|
|
};
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.app-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
padding: 0;
|
|
}
|
|
|
|
.page-header {
|
|
padding: 0px;
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
.main-content {
|
|
flex: 1;
|
|
padding: 0;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.page-footer {
|
|
padding: 0px;
|
|
}
|
|
</style>
|