找回密码
 立即注册
搜索

开发问题 动态渐变背景手机显示无效(测试只用了小米手机)

1
回复
669
查看
[复制链接]

1

主题

3

帖子

20

积分

 楼主| 2022-6-7 10:06:08 显示全部楼层 |阅读模式
<list-item type="header" class="top-header" style="{{bgColor}}"> ... </list-item> data:{     bgColor: JSON.stringify({"values":[{"type":"linearGradient","directions":["0deg"],"values":["rgba(169,93,93,1)","rgba(200,148,148,1)"]}]}), } onShow() {         this.getDetailInfo() }, getDetailInfo(){     $fetch.json(...).then((data) => {             if(data.bgColor){                 self.bgColor = data.bgColor;             }         }).catch(()=>{             ...         }) }

网络请求出来的bgColor如下:

Dingtalk_20220607100254.jpg

手机调试器渲染出来的style如下:

Dingtalk_20220607095336.jpg

实际上手机显示出来渲染成一片黑色(我使用的手机是小米11),快应用的调试器显示正常。

回复

使用道具 举报

1

主题

3

帖子

20

积分

 楼主| 2022-6-7 10:08:08 显示全部楼层

代码片段我是选择了js,不知道为啥出来是这个样子,见谅~

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册