uniapp x swiper/image组件mode=“aspectFit“ 图片有的闪现后黑屏

部分安卓机针对大写.JPG 有的竖图正常,横图/正方形不对。

解决方案:加border-radius: 1rpx;就行

javascript 复制代码
<!-- 图片预览弹出框 -->
		<fui-backdrop v-model:visible="imgPreviewVisible" :closable="true" @onclick="imgPreviewVisible == false" class="dialoagImgView">
			<view class="swiper-item">
				<image src="http://223.105.96.202:8090/fuse/2025/07/25/4558ed02705f43b48cabaaa5f8a2085e.JPG" class="img" mode="aspectFit" 
				@error="errorPreviewImg" @load="loadPreviewImg"></image>
			</view>
</fui-backdrop>

.swiper-item {
			width: 100%;
			height: 100%;
			overflow: hidden;
			
			.img { 
				height: 100%;
				width: 100%;
				border-radius: 1rpx;
				 
			}
		}

原因:

相关推荐
拾光拾趣录1 小时前
H5适配9大高频题连环炸!第3问90%人翻车?
前端·面试
拾光拾趣录1 小时前
给Electron-Claude应用构建全面的数据统计体系 - 从0到1的实践总结
前端·electron
小醉你真好1 小时前
Spring Boot + ShardingSphere 分库分表实战
java·spring boot·后端·mysql
拾光拾趣录2 小时前
8道题穿透前端原理层
前端·面试
Vdeilae2 小时前
IIS 让asp.net core 项目一直运行
java·服务器·asp.net
YY_TJJ2 小时前
8.4 Java Web(Maven P50-P57)
java·开发语言·maven
刘大辉在路上2 小时前
IntelliJ IDEA开发编辑器摸鱼看股票数据
java·编辑器·intellij-idea
前端小咸鱼一条2 小时前
React的介绍和特点
前端·react.js·前端框架
谢尔登2 小时前
【React】fiber 架构
前端·react.js·架构