本来是想做一个连续扫码,然后相机中间有一条绿色的线不停的从上往下扫描的那种动画,我这样写,在工具中很正常,在真机中都不显示绿色的线条,当我把渐变和动画的样式去掉后真机中才能显示!是bug还是我哪里不对?
代码片段:wechatide://minicode/QQUYWcmW7R3A
wxml
wxss
/* pages/xiangji/xiangji.wxss */
.scanCode {
display: flex;
align-items: center;
justify-content: center;
background: red;
}
@keyframes myfirst {
0% {
margin-top: 0rpx
}
100% {
margin-top: 300px;
}
}
.lcd {
width: 100%;
height: 8rpx;
background: radial-gradient( rgb(2, 250, 2), transparent);
animation: myfirst 3s linear 0s infinite;
position: fixed;
z-index: 1000
}
提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。