background-image: -moz-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
![4***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/f216f8c4fecf65ac9fb3cdd39d1add80.png)
- 发布:2021-10-12 14:53
- 更新:2022-01-06 04:01
- 阅读:294
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.2.9
第三方开发者工具版本号: 1.05
基础库版本号: 2.17
项目创建方式: HBuilderX
操作步骤:
预期结果:
background-image: -moz-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -moz-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
实际结果:
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
bug描述:
VUE中CSS代码如下
background-image: -moz-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
经过3.2.9编译后代码为:
background-image: -ms-linear-gradient(180deg, #ff6701 0%, #ff8a25 100%);
导致编译后在小程序开发者工具里,和真机微信里,这个代码是不能正常使用的。
另在上一个版本3.2.3中:
编译后的代码为:
background-image: -webkit-linear-gradient(180deg, #ff6701 0%, #ff8a25 100%);
background-image: -ms-linear-gradient(180deg, #ff6701 0%, #ff8a25 100%);
这段代码显示正常。
当然,最上面那段程序写法有点瑕疵:
可以写为:
background-image: -moz-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -webkit-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: -ms-linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
background-image: linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
或者
background-image: linear-gradient(180deg, rgb(255, 103, 1) 0%, rgb(255, 138, 37) 100%);
这样可以从源码端暂时解决问题,但是购买的源码很多都是以那三行形式显示的,编译时,直接删除了某些特定属性,而不是添加兼容性属性头。
HB没添加兼容性头,还删除了兼空性头,望能更正一下。
1 个回复
leyuan - 外卖系统开发
您好,加一下我QQ345278643,帮我解决一个问题,有偿