小程序里对样式设置变量,安卓手机有效,ios无效,为什么,是微信的bug吗?

发布于 7 年前作者 naliu3156 次浏览最后编辑 7 年前来自 issues

wxss 文件

.header-content {

background-image : var(--bgImage--)

}

wxml文件

<view class='header-contentstyle="--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

2 回复
tsong
tsong1 楼6 年前
这么写试试,不用--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>
weicai
weicai2 楼5 年前

up一下,因为需要动态设置背景色