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

原因:

相关推荐
静西子12 小时前
Vue3路由
前端·javascript·vue.js
J总裁的小芒果13 小时前
vue3 全局定义动态样式
前端·javascript·vue.js
whalekv13 小时前
10月25日
前端·javascript·vue.js
xuelong-ming13 小时前
uniapp vue3 点击跳转外部网页
vue.js·uni-app
万邦科技Lafite14 小时前
京东按图搜索京东商品(拍立淘) API (.jd.item_search_img)快速抓取数据
开发语言·前端·数据库·python·电商开放平台·京东开放平台
默 语16 小时前
MySQL中的数据去重,该用DISTINCT还是GROUP BY?
java·数据库·mysql·distinct·group by·1024程序员节·数据去重
oDeviloo17 小时前
新版IntelliJ IDEA个性化设置兼容老版习惯
java·ide·intellij-idea
一只小透明啊啊啊啊17 小时前
Java Web 开发的核心组件:Servlet, JSP,Filter,Listener
java·前端·servlet
你的人类朋友18 小时前
设计模式有哪几类?
前端·后端·设计模式
Yeats_Liao18 小时前
Go Web 编程快速入门 10 - 数据库集成与ORM:连接池、查询优化与事务管理
前端·数据库·后端·golang