|
|
|
@ -3,11 +3,11 @@ |
|
|
|
<header |
|
|
|
class="header z-100 top-0 w-full bg-white/75 opacity-90 backdrop-blur border-b border-gray-200 dark:border-gray-800 -mb-px sticky top-0 z-50 lg:mb-0 lg:border-0" |
|
|
|
:class="affix ? 'absolute blur-xs' : 'sticky bg-white/75'"> |
|
|
|
<div class="flex items-center between md:w-screen-xl w-full m-auto"> |
|
|
|
<div class="xl:w-screen-xl xl:p-0 px-4 flex items-center between w-full m-auto"> |
|
|
|
<div class="header___left flex items-center"> |
|
|
|
<div class="logo mt-1 sm:w-[150px] h-7 w-auto py-2 flex items-center"> |
|
|
|
<nuxt-link v-if="config?.siteLogo" to="/"> |
|
|
|
<div class="flex flex-col text-center md:p-0 px-4"> |
|
|
|
<div class="flex flex-col text-center xl:p-0"> |
|
|
|
<el-image |
|
|
|
:src="config.siteLogo" |
|
|
|
shape="square" |
|
|
|
@ -47,7 +47,7 @@ |
|
|
|
</el-menu> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="header__right items-center pr-4 sm:pr-0 md:flex hidden"> |
|
|
|
<div class="header__right items-center pr-4 xl:pr-0 md:flex hidden"> |
|
|
|
<el-space class="sm:flex hidden" size="large" v-if="config.showSearchTools"> |
|
|
|
<!-- <el-button v-if="token" @click="navigateTo(`/manage`)">控制台</el-button>--> |
|
|
|
<!-- <el-button v-if="config.showSearchIcon" circle :icon="ElIconSearch" @click="navigateTo('/search')"></el-button>--> |
|
|
|
@ -75,17 +75,18 @@ |
|
|
|
</el-space> |
|
|
|
</div> |
|
|
|
<!-- 移动端菜单 --> |
|
|
|
<div class="md:hidden flex md:p-0 px-4"> |
|
|
|
<div class="sm:hidden flex xl:p-0 px-8"> |
|
|
|
<el-dropdown> |
|
|
|
<span class="el-dropdown-link"> |
|
|
|
<el-space class="el-dropdown-link flex items-center"> |
|
|
|
<span>{{ user.nickname }}</span> |
|
|
|
<el-avatar v-if="token" class="cursor-pointer" :src="user?.avatar" :size="30"/> |
|
|
|
<el-button v-else :icon="ElIconMenu"></el-button> |
|
|
|
</span> |
|
|
|
</el-space> |
|
|
|
<template #dropdown> |
|
|
|
<el-dropdown-menu> |
|
|
|
<template v-for="(item, index) in navigations"> |
|
|
|
<el-dropdown-item> |
|
|
|
<span @click="navigateTo(item.path)">{{ item.title }}</span> |
|
|
|
<span @click="openSpmUrl(`${item.path}`,item,item.navigationId)">{{ item.title }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
</template> |
|
|
|
<template v-if="token"> |
|
|
|
@ -113,8 +114,7 @@ import { |
|
|
|
useProductAffix, |
|
|
|
useSysDomain, |
|
|
|
useToken, |
|
|
|
useUser, |
|
|
|
useWebsite |
|
|
|
useUser |
|
|
|
} from "~/composables/configState"; |
|
|
|
import {useServerRequest} from "~/composables/useServerRequest"; |
|
|
|
import type {ApiResult} from "~/api"; |
|
|
|
|
