| | |
| | | // ProLayout 支持的api https://procomponents.ant.design/components/layout |
| | | // 优先级 layout > config > defaultSetting |
| | | export const layout = ({ initialState, setInitialState }) => { |
| | | const [darkMode, setDarkMode] = React.useState(() => { |
| | | return JSON.parse(localStorage.getItem('darkMode')) || false; |
| | | }); |
| | | |
| | | React.useEffect(() => { |
| | | localStorage.setItem('darkMode', JSON.stringify(darkMode)); |
| | | }, [darkMode]); |
| | | |
| | | return { |
| | | actionsRender: () => [<Brightness />, <Question key="doc" />, <SelectLang key="SelectLang" />], |
| | | actionsRender: () => [ |
| | | <Brightness darkMode={darkMode} setDarkMode={setDarkMode} />, |
| | | // <Question key="doc" />, |
| | | // <SelectLang key="SelectLang" /> |
| | | ], |
| | | avatarProps: { |
| | | src: initialState?.currentUser?.avatar, |
| | | title: <AvatarName />, |
| | |
| | | fixSiderbar: true, // 固定导航 |
| | | // settings: defaultSettings, // layout 的设置 |
| | | // waterMarkProps: { content: initialState?.currentUser?.nickname }, //水印 |
| | | navTheme: 'realDark', // 默认主题颜色 "realDark" | "light" | undef... |
| | | // navTheme: 'realDark', // 默认主题颜色 "realDark" | "light" | undef... |
| | | navTheme: darkMode ? 'realDark' : 'light', |
| | | footerRender: false, // 页脚 启用请注释,不是设置为true |
| | | }; |
| | | }; |