2023-07-06 微信开发者工具上传代码,在体验版查看时发现小程序的一些全局字体样式不生效
前言:在less中使用【@样式变量】如:
@global_color: var(--global_color, red);
问题描述:在开发工具中字体样式能正常显示,预览扫码到真机上也能显示字体颜色,结果上传代码到了提样版就不行了,样式不生效。
这里用到了一个var函数,“var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。 —— https://www.runoob.com/cssref/func-var.html”
嗯,既然没效果那就去掉这个var函数,直接是这样:
@global_color: red;
但这样也不生效。没办法,只好不用【@样式变量】,改为用类名来做全局样式,如:
.global_color {
color: red;
}
这样就生效了,奇奇怪怪~
原因:不详。
解决方案:不使用【@样式变量】格式,直接用正常类名去定义全局样式。
注:我用的是less。