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

原因:

相关推荐
wxr06162 小时前
部署Spring Boot项目+mysql并允许前端本地访问的步骤
前端·javascript·vue.js·阿里云·vue3·springboot
万邦科技Lafite2 小时前
如何对接API接口?需要用到哪些软件工具?
java·前端·python·api·开放api·电商开放平台
知识分享小能手2 小时前
微信小程序入门学习教程,从入门到精通,WXSS样式处理语法基础(9)
前端·javascript·vscode·学习·微信小程序·小程序·vue
看晴天了2 小时前
🌈 Tailwind CSS 常用类名总结
前端
看晴天了2 小时前
Tailwind的安装,配置,使用步骤
前端
看晴天了2 小时前
nestjs学习, PM2进程守护,https证书配置
前端
1710orange2 小时前
java设计模式:静态代理模式
java·设计模式·代理模式
blues_C2 小时前
Playwright MCP vs Chrome DevTools MCP vs Chrome MCP 深度对比
前端·人工智能·chrome·ai·chrome devtools·mcp·ai web自动化测试
木心操作3 小时前
nodejs动态创建sql server表
前端·javascript·sql
一个很帅的帅哥3 小时前
Vue中的data为什么是函数?
前端·javascript·vue.js·data