4***@qq.com
4***@qq.com
  • 发布:2021-10-12 14:53
  • 更新:2022-01-06 04:01
  • 阅读:294

【报Bug】样式表丢失,按钮默认是白色,期望通过样式表改成黄色,但未成功

分类:uni-app

产品分类: 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%);

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没添加兼容性头,还删除了兼空性头,望能更正一下。

2021-10-12 14:53 负责人:无 分享
已邀请:
leyuan

leyuan - 外卖系统开发

您好,加一下我QQ345278643,帮我解决一个问题,有偿

该问题目前已经被锁定, 无法添加新回复