更新全局变量能批量修改吗

Question

老师您好，课程全部学习完看似简单其实非也，内容非常实用。
请问老师

1、style.setProperty这个方法每次只能修改一个样式属性，实际应用中需要批量修改多个样式属性有什么更优的解决方案吗,

2、使用ant design pro框架想切换主题，怎么设置呢，看是用less处理样式，我试着用.css文件在全局里引用不能覆盖他的样式，只能改成.less文件才能覆盖他的样式

Answer 1

西门老舅 2021-12-10 09:56:34

首先感谢对课程的认可。

style.setProperty()主要用来修改CSS变量的值，如果是普通样式，还是建议直接 xxx.style.attr的方式

批量修改样式：可以把样式放到class选择器中，控制class名字就好，或者利用 xxx.style.cssText这个属性批量修改 

第二个问题，稍后回复，有点小忙

• 提问者 johnny_2008 #1

  非常感谢！

• 西门老舅 回复 提问者 johnny_2008 #2

  不客气的

Answer 2

西门老舅 2021-12-10 11:57:22

回答一下第二个问题，ant design pro会自带一些主题，如果想切换主题，主要有两种做法。

1. 改config.ts 参考：https://pro.ant.design/zh-CN/docs/less

2. 在线改主题，参考：https://pro.ant.design/zh-CN/blog/change-theme

ant design pro 写 原生css也得需要已模块的方式进行使用，参考：https://pro.ant.design/zh-CN/docs/css

不过不建议，用css。推荐使用less，因为less就是高度集成到ant design pro上的，修改起来很方便。

• 提问者 johnny_2008 #1

  谢谢老师有问必答，期待您的后续课程

• 西门老舅 回复 提问者 johnny_2008 #2

  尽自己最大能力帮助大家成长