feat: add showBaseHeader state management and update BaseHeader component

This commit is contained in:
2026-02-26 04:04:37 +08:00
parent 7489b8f1ab
commit 5562296ad7
3 changed files with 15 additions and 0 deletions

7
.env.example Normal file
View File

@@ -0,0 +1,7 @@
## 本地环境
# VITE_API_URL = "http://localhost:8000"
### 开发环境
VITE_API_URL = "https://kevisual.xiongxiao.me"
### 生产环境
# VITE_API_URL = "https://kevisual.cn"

View File

@@ -9,6 +9,7 @@ export const BaseHeader = (props: { main?: React.ComponentType | null }) => {
me: state.me, me: state.me,
clearMe: state.clearMe, clearMe: state.clearMe,
links: state.links, links: state.links,
showBaseHeader: state.showBaseHeader,
}))); })));
const navigate = useNavigate(); const navigate = useNavigate();
const meInfo = useMemo(() => { const meInfo = useMemo(() => {
@@ -48,6 +49,9 @@ export const BaseHeader = (props: { main?: React.ComponentType | null }) => {
</div> </div>
) )
}, [store.me, store.clearMe]) }, [store.me, store.clearMe])
if (!store.showBaseHeader) {
return null;
}
return ( return (
<> <>
<div className="flex gap-2 text-lg w-full h-12 items-center justify-between bg-gray-200"> <div className="flex gap-2 text-lg w-full h-12 items-center justify-between bg-gray-200">

View File

@@ -35,6 +35,8 @@ export type LayoutStore = {
setLoginPageConfig: (config: Partial<LayoutStore['loginPageConfig']>) => void; setLoginPageConfig: (config: Partial<LayoutStore['loginPageConfig']>) => void;
links: HeaderLink[]; links: HeaderLink[];
setLinks: (links: HeaderLink[]) => void; setLinks: (links: HeaderLink[]) => void;
showBaseHeader: boolean;
setShowBaseHeader: (showBaseHeader: boolean) => void;
}; };
type HeaderLink = { type HeaderLink = {
title?: string; title?: string;
@@ -103,4 +105,6 @@ export const useLayoutStore = create<LayoutStore>((set, get) => ({
})), })),
links: [{ title: '', href: '/', key: 'home' }], links: [{ title: '', href: '/', key: 'home' }],
setLinks: (links) => set({ links }), setLinks: (links) => set({ links }),
showBaseHeader: true,
setShowBaseHeader: (showBaseHeader) => set({ showBaseHeader }),
})); }));