在uni-app app端gif图片使用overflowhidden遮盖不了
在uni-app app端gif图片使用overflowhidden遮盖不了
2 回复
您好,麻烦发个完整的可复现demo
更多关于在uni-app app端gif图片使用overflowhidden遮盖不了的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app的APP端,gif图片确实存在overflow:hidden失效的问题。这是由于原生渲染层对gif的处理方式导致的。以下是几种可行的解决方案:
- 使用cover-view组件包裹gif图片:
<cover-view style="overflow:hidden;">
<image src="your.gif" mode="aspectFill"></image>
</cover-view>
- 将gif转为视频格式(推荐mp4):
<video src="your.mp4" autoplay loop muted></video>
- 使用CSS3动画替代gif:
.animated-element {
animation: yourAnimation 1s infinite;
}
- 使用weex原生模块(仅限APP端):
const animation = weex.requireModule('animation')