美文网首页
antd design pro 整体风格设置暗黑模式

antd design pro 整体风格设置暗黑模式

作者: 武汉前端任金杰 | 来源:发表于2021-06-18 09:45 被阅读0次
    image.png image.png image.png image.png image.png
    import { Settings as LayoutSettings } from '@ant-design/pro-layout';
    const Settings: LayoutSettings & {
      pwa?: boolean;
      logo?: string;
    } = {
      navTheme: 'realDark',   //侧边栏黑色
      // navTheme: 'light',  //侧边栏白色
      
      // 主题色---拂晓蓝
      primaryColor: '#1890ff',
      layout: 'mix',
      contentWidth: 'Fluid',
      fixedHeader: false,
      fixSiderbar: true,
      colorWeak: false,
      title: '跳变控制可视化管理平台',
      pwa: false,
      logo: '/logo-1.png',
      iconfontUrl: '',
    };
    console.log(Settings);
    
    export default Settings;
    
    

    相关文章

      网友评论

          本文标题:antd design pro 整体风格设置暗黑模式

          本文链接:https://www.haomeiwen.com/subject/ydkkyltx.html