收藏
回答

cover-image transform-origin IOS 无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-image 客户端 6.7.2 2.3.0

- 当前 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);

}

}






回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容