- 当前 Bug 的表现
使用 css 动画通过 transform scale 来缩放 cover-image,在安卓真机上 transform-origin 是正常在图片中央,IOS 真机固定为左上角,手动设置 transform-origin 无效。
- 预期表现
IOS 真机上图片也已自己的中心点为基准缩放
- 提供一个最简复现
<cover-image class="gift-image" src="XX" />
.gift-image {
width: 210rpx;
height: 210rpx;
transform-origin: center center;
transform: translateZ(0);
animation: gift-scala 2s;
animation-fill-mode: forwards;
}
@keyframes gift-scala {
0% {
transform: scale(1);
}
25% {
transform: scale(0.8);
}
50% {
transform: scale(1);
}
75% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
解决了吗
一样遇到
提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
wechatide://minicode/jbzOwJmg7W2j
机型:iPhone8
微信版本:6.7.2
是否切换成image也不行?