cover-view控件在wxss添加渐变和动画在真机不齐作用
发布于 5 年前 作者 juan10 16693 次浏览 来自 问答

本来是想做一个连续扫码,然后相机中间有一条绿色的线不停的从上往下扫描的那种动画,我这样写,在工具中很正常,在真机中都不显示绿色的线条,当我把渐变和动画的样式去掉后真机中才能显示!是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

}

1 回复

提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

回到顶部