feat: add showBaseHeader state management and update BaseHeader component
This commit is contained in:
7
.env.example
Normal file
7
.env.example
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
## 本地环境
|
||||||
|
|
||||||
|
# VITE_API_URL = "http://localhost:8000"
|
||||||
|
### 开发环境
|
||||||
|
VITE_API_URL = "https://kevisual.xiongxiao.me"
|
||||||
|
### 生产环境
|
||||||
|
# VITE_API_URL = "https://kevisual.cn"
|
||||||
@@ -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">
|
||||||
|
|||||||
@@ -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 }),
|
||||||
}));
|
}));
|
||||||
|
|||||||
Reference in New Issue
Block a user