收藏
回答

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

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 个回答

  • xplee
    xplee
    2020-05-24
    这么写试试,不用--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>
    
    2020-05-24
    有用
    回复 1
    • 萝卜
      萝卜
      2020-05-24
      谢谢,可是试了还是不行喔
      2020-05-24
      回复
  • 萝卜
    萝卜
    2020-05-24

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

    2020-05-24
    有用
    回复
登录 后发表内容
问题标签