<!--
 * @Description:: 请补充填写
 * @Version: 请配置版本号
 * @Author: 舟舟
 * @Date: 2022-06-25 23:01:29
 * @LastEditors: 舟舟
 * @LastEditTime: 2022-07-31 22:00:03
 * @FilePath: /ouicai_web_framework_vite_ep_nolang/src/layouts/backend/components/header.vue
-->
<template>
    <el-header v-if="!navTabs.state.tabFullScreen" class="layout-header">
        <component :is="config.layout.layoutMode + 'NavBar'"></component>
    </el-header>
</template>
<script setup lang="ts">
import { useConfig } from '/@/stores/config'
import { useNavTabs } from '/@/stores/navTabs'
import DefaultNavBar from './navBar/default.vue'
import ClassicNavBar from './navBar/classic.vue'
import StreamlineNavBar from './menuHorizontal.vue'
import { Check } from '@element-plus/icons-vue'
import {onBeforeUnmount, onMounted, ref} from 'vue'


const config = useConfig()
const navTabs = useNavTabs()




</script>

<script lang="ts">
import { defineComponent  } from 'vue'



export default defineComponent({
    name: 'layout/header',
    components: { DefaultNavBar, ClassicNavBar, StreamlineNavBar },
})
</script>

<style scoped lang="scss">
.layout-header {
    height: auto;
    padding: 0;
    margin-bottom: 10px;
}
</style>
