代码拉取完成,页面将自动刷新
业务背景:只需要支持chrome
,所以可以考虑的方案就多了。
网站换肤,一般有几种方案:
less
时,可用less
的modifyVars
方法在线生成新的样式。缺点是需要加载less.js
,且在线解析会造成性能损耗。css3
提供了变量,可满足我们的需求。用法如下:
body {
--themeColor: red;
}
div {
color: var(--themeColor);
}
在js
中修改颜色即可:
document.body.style.setProperty('--themeColor', color);
假如项目中使用了less
,这种方案依然生效:
@primary-color: var(--themeColor);
div {
color: @primary-color;
}
会被解析为:
div {
color: var(--themeColor);
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。