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

来源:8-13 实战项目:设置模块主题色交互

johnny_2008

2021-12-09

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

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

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

写回答

2回答

西门老舅

2021-12-10

首先感谢对课程的认可。

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

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

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

0
2
西门老舅
回复
johnny_2008
不客气的
2021-12-14
共2条回复

西门老舅

2021-12-10

回答一下第二个问题,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上的,修改起来很方便。

0
2
西门老舅
回复
johnny_2008
尽自己最大能力帮助大家成长
2021-12-14
共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

758 学习 · 231 问题

查看课程