Your Name
2022-08-15 7d1d7639ce54590befad48f79e3847b9a5f361b0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<template>
    <el-header class="layout-header" :height="setHeaderHeight" v-show="!isTagsViewCurrenFull">
        <NavBarsIndex />
    </el-header>
</template>
 
<script lang="ts">
import { computed, defineComponent } from 'vue';
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
import NavBarsIndex from '/@/layout/navBars/index.vue';
 
export default defineComponent({
    name: 'layoutHeader',
    components: { NavBarsIndex },
    setup() {
        const storesTagsViewRoutes = useTagsViewRoutes();
        const storesThemeConfig = useThemeConfig();
        const { themeConfig } = storeToRefs(storesThemeConfig);
        const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
        // 设置 header 的高度
        const setHeaderHeight = computed(() => {
            let { isTagsview, layout } = themeConfig.value;
            if (isTagsview && layout !== 'classic') return '84px';
            else return '80px';
        });
        return {
            setHeaderHeight,
            isTagsViewCurrenFull,
        };
    },
});
</script>