Files
mayfly-go/mayfly_go_web/src/layout/component/header.vue
2023-09-26 17:38:52 +08:00

27 lines
724 B
Vue

<template>
<el-header class="layout-header" :height="setHeaderHeight">
<NavBarsIndex />
</el-header>
</template>
<script lang="ts">
import { computed } from 'vue';
import NavBarsIndex from '@/layout/navBars/index.vue';
import { useThemeConfig } from '@/store/themeConfig';
export default {
name: 'layoutHeader',
components: { NavBarsIndex },
setup() {
// 设置 header 的高度
const setHeaderHeight = computed(() => {
let { isTagsview, layout } = useThemeConfig().themeConfig;
if (isTagsview && layout !== 'classic') return '84px';
else return '50px';
});
return {
setHeaderHeight,
};
},
};
</script>