首先antd官方提供了下面这种方案实现动态切换主题,但是实际业务场景中,可能会对某些组件的颜色搭配提出个性化的需求,这是以下方法就无法满足

比如以menu组件为例,若选中的时候菜单背景色需要单独设置,但是这个颜色只是与主题色没有关联,此时建议将上面的方案搭配属性选择器实现个性化主题色切换:

假设有1,2,3三个主题,定义对应的全局变量:

比如需要menu组件需要个性化设置,修改选中背景色:

其余跟随ui框架样式的则不需要单独设置,按照官方文档来就行

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐