需求是这样:
1,在wxml 中给 wxss样式文件赋值
2、在样式文件wxss中定义的类的时候使用var()函数来这个变量值。
网上很多教程都介绍的一样,我测试之后却没能实现,如果不是我的方法错了那就是网上那么多教程都是传递错误的方法。。。。。。
下面是网上介绍的方法(两个外链)
https://www.cnblogs.com/wxy0/p/13392092.html
https://www.jianshu.com/p/73d1a15a30ce
我的测试文件 wxml js 和 wxss分别如下:
一顿操作猛如虎之后结果是这样:颜色并没有被改成 #ff0
大牛有空测试一下
.sub_fl .active 这个的权重更高,
所以你css里面这个起码也得.sub_fl .active
终于解惑了
测试可用
data: {
color:'red'
},
<view class="div" style="--color--:{{color}}"></view>
.div{
width: 50px;
height: 50px;
background-color: var(--color--);
}
}
没看对地方,调试的active有两个属性,wxss 只有一个 bg,只是你的背景色没设置成功,css变量是成功了的
我测试的可以啊
把变量入到上一级的中试一下