小程序里对样式设置变量,安卓手机有效,ios无效,为什么,是微信的bug吗?
发布于 5 年前 作者 naliu 2920 次浏览 来自 官方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 回复
这么写试试,不用--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一下,因为需要动态设置背景色

回到顶部