wxss 文件
.header-content {
background-image : var(--bgImage--)
}
wxml文件
<view class='header-content' style="--bgImage--: linear-gradient(to top, {{color1}}, {{color3}}, rgba(255,255,255,0))">
js文件
color1: `rgb(130,122,126)`,
color3: 'rgb(130,122,126,0.5)',
然后运行测试
在电脑上看都能看到背景色渐变的效果
但是手机预览的话,ios手机没有背景色渐变,安卓手机可以,请问这是什么原因,是微信的bug吗?
ios手机的ios为12.1.2, 微信版本为7.0.12
这么写试试,不用--bgImage--这个变量 <view class='header-content' style="background:linear-gradient(to top {{color1}}, {{color3}}, rgba(255,255,255,0));-webkit-linear-gradient(to top {{color1}}, {{color3}}, rgba(255,255,255,0));"></view>
up一下,因为需要动态设置背景色