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。

posted @ 2023-07-06 14:11  叶乘风  阅读(37)  评论(0编辑  收藏  举报