style lint 异常
异常现象:
未修复样式:
background: rgba(0, 0, 0, 0.0);
background: rgba(0, 0, 0, 0.00);
修复后样式:
background: rgba(0, 0, 0, );
background: rgba(0, 0, 0, );
background: rgba(0, 0, 0, ); 这种样式是不被所有浏览器或者小程序所支持的,所以说这种是错误的修复
异常原因:
目前和这个修复有关的 style lint 规则有两个
-
number-leading-zero (规则作用 去掉.前面的0 )如 0.22 会 变为 .22 (浏览器正常支持)
-
number-no-trailing-zeros (规则作用 去掉数字结尾无用的0 )如 0.2200 会 变为 0.22 (浏览器正常支持)
但是这两个规则如果都被开启的话,在有些情况就会造成错误修复,
当两个规则共同生效时:
正常数字
如 0.2200 修复为 .22
异常数字
如 0.0/ 0.00 修复为空,就会造成 background: rgba(0, 0, 0, 0.0); 变为 background: rgba(0, 0, 0, ); 少了一位数字,浏览器不支持,而造成错误。
修复方案:
number-leading-zero 规则改为关闭,即可解决。