35 lines
738 B
Vue
35 lines
738 B
Vue
<template>
|
|
<div class="app-header" :class="!isDefaultTheme ? 'custom-header' : ''">
|
|
<el-alert
|
|
v-if="user.isExpire()"
|
|
title="未上传 License 或 License 已过期。"
|
|
type="warning"
|
|
class="border-b"
|
|
show-icon
|
|
:closable="false"
|
|
/>
|
|
<TopBar />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, computed, onMounted } from 'vue'
|
|
import TopBar from '../top-bar/index.vue'
|
|
import useStore from '@/stores'
|
|
const { user } = useStore()
|
|
const isDefaultTheme = computed(() => {
|
|
return user.isDefaultTheme()
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.app-header {
|
|
background: var(--app-header-bg-color);
|
|
position: fixed;
|
|
width: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
</style>
|