header: { colorBgHeader: '#004FD9', colorBgRightActionsItemHover: 'rgba(0,0,0,0.06)', colorTextRightActionsItem: 'rgba(255,255,255,0.65)', colorHeaderTitle: '#fff', colorBgMenuItemHover: 'rgba(0,0,0,0.06)', colorBgMenuItemSelected: 'rgba(0,0,0,0.15)', colorTextMenuSelected: '...
1.1 脚本配置 如果是 antd pro js 工程的话,可以在这里进行页面的总览配置: // config/defaultSettings.jsconstSettings={navTheme:'dark',// primaryColor: '#1890ff', // 拂晓蓝primaryColor:'#1f1f1f',// 齿轮颜色layout:'top',// 菜单栏布局 layout: 'mix',contentWidth:'Fluid',fixedHeader:false,...
先看预览效果吧 css换肤 入行前端的时候经常看鱼哥(张鑫旭)的博客,记得看过这篇,当时很惊叹,原理其实很简单,就是我们最能想到的方式,多个css,然后用JS替换从而达到换肤效果。但是这个有局限性,比如我们用的是antdUI库,我们不可能每个颜色都去搞个css吧。当时现在我们有less,sass,而且原生的css也有变量var了,所以...
<Link to={route.path} style={{color: 'rgba(0,0,0,0.65)'}}>{route.breadcrumbName}</Link> ) : ( <span>{route.breadcrumbName}</span> ) } } return ( <PageHeaderWrapper breadcrumb={breadRoutes}> </PageHeaderWrapper> ) 1. 2. ...
可以提一个变量,pro 里配置一下:https://github.com/ant-design/ant-design/blob/5e9f9f84bf2e50198696629b85e80a384da58c88/components/page-header/style/index.less#L43 GitHub ant-design/ant-design 🌈 A UI Design Language. Contribute to ant-design/ant-design development by creating an account on...
// 官网还有使用layout属性的,也没生效 headerRender:false 当前路由不展示顶栏 footerRender:false 当前路由不展示页脚 menuRender: false 当前路由不展示菜单 menuHeaderRender: false 当前路由不展示菜单顶栏(好像没生效) parentKeys: string[] 当此节点被选中的时候也会选中 parentKeys 的节点 flatMenu 子项往上...
['@primary-color','@secondary-color','@text-color','@text-color-secondary','@heading-color','@layout-body-background','@btn-primary-bg','@layout-header-background'],indexFileName:'index.html',outputFilePath:path.join(__dirname,'./resources/public/css/color.less'),}generateTheme(...
address[1] : address[2], latitude: mapValues.latitude || 0, longitude: mapValues.longitude || 0, }); }; return ( <ProCard bordered title="小区信息" headerBordered style={{ paddingBottom: '50px' }}> <ProForm<IUpdateCommunityForm> className={actionStatus ? styles.readonlyForm : ''}...