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;
				 
			}
		}

原因:

相关推荐
烛阴15 分钟前
解锁 TypeScript 的元编程魔法:从 `extends` 到 `infer` 的条件类型之旅
前端·javascript·typescript
前端开发爱好者40 分钟前
弃用 ESLint + Prettier!快 35 倍的 AI 格式化神器!
前端·javascript·vue.js
vivi_and_qiao1 小时前
HTML的form表单
java·前端·html
江湖行骗老中医1 小时前
uniapp 引入使用u-view 完整步骤,u-view 样式不生效
uni-app
雪芽蓝域zzs1 小时前
uniapp 页面favicon.ico文件不存在提示404问题解决
uni-app
一嘴一个橘子1 小时前
uniapp 顶部tab + 占满剩余高度的内容区域swiper
javascript·uni-app
睡美人的小仙女1271 小时前
在 UniApp 中,实现下拉刷新
uni-app
Slaughter信仰1 小时前
深入理解Java虚拟机:JVM高级特性与最佳实践(第3版)第四章知识点问答补充及重新排版
java·开发语言·jvm
心灵宝贝1 小时前
Mac用户安装JDK 22完整流程(Intel版dmg文件安装指南附安装包下载)
java·开发语言·macos
ta是个码农1 小时前
Mysql——日志
java·数据库·mysql·日志