MENU

Antd • Pro 在线换肤优雅实现

November 15, 2019 • Read: 117 • Web Program

项目中遇到了一个需求 ,但是Antd 框架没有相关的Api,就是在线切换后台主题配色。当然网上有成熟的解决方案,就是利用webpack-theme-color-replacer插件动态生成样式文件然后用js控制css的路径,该方法太过繁琐...

优雅的方案

npm i dynamic-antd-theme -S

然后在你的公共组件部分 比如Layout 组件安装它

import DynamicAntdTheme from 'dynamic-antd-theme';

然后

<DynamicAntdTheme />

就结束啦 是不是很简单

效果图

更多的配置项 请查阅 dynamic-antd-theme 如果可以 请点亮您的Start支持作者。

Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

已有 1 条评论
  1. 感觉很牛逼的样子。