问题描述
项目中遇到个问题,定义了文字的颜色,在新版本的chrome浏览器中是生效的,但是在60版本的chrome下没有生效,效果对比如下图:
chrome新版本效果:
chrome60版本效果:
就很神奇有没有,控制台观察
chrome新版本:
chrome60版本:
附上代码
<p class="work-item__num" :style="`color: rgba(${item.color})`">{{ item.dqs }}/{{ item.sum }}</p>
无语这是什么怪现象,我大chrome还会出现这样的情况,地铁老人看手机???
解决方式
一顿猛排查,最后发现是语法错误导致的,笑哭
下面是修改后的代码
<p class="work-item__num" :style="`color: rgb(${item.color})`">{{ item.dqs }}/{{ item.sum }}</p>
哎,好了,哎,就是玩~
变化:
css语法不规范,定义如下:
总结
编码还是要规范使用啊啊啊啊啊啊,哭!