uniapp的css样式图片大小截图展示

目录

截取图片前

截取图片后

第一种方式:代码

html 复制代码
<view class="swiper-box-img">
	<image class="swiper-box-img-img" :src="item.file_path" mode="aspectFill"></image>
</view>
css 复制代码
.swiper-box-img{
    width: 750rpx !important;
}
	
.swiper-box-img-img{
    width: 100% !important;
    height: 840rpx !important;
}

第二种方式:代码

html 复制代码
<view>
	<image class="swiper-box-img-img"  :src="item.file_path" mode="aspectFill"></image>
</view>
css 复制代码
	
.swiper-box-img-img{
    width: 750rpx !important;
    height: 840rpx !important;
}

最后

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

相关推荐
jay神1 分钟前
基于 FastAPI + Vue 的宠物领养管理系统
前端·vue.js·python·毕业设计·fastapi·宠物
lichenyang4533 分钟前
鸿蒙 Web 容器(五·完结):闭环回传、容器治理,兼谈 AtomicServiceEnhancedWeb
前端
lichenyang4535 分钟前
鸿蒙 Web 容器(四):ArkTS 拿到请求后,怎么「按 action 找能力」?
前端
lichenyang45314 分钟前
鸿蒙 Web 容器(三):H5 怎么「调」到 ArkTS?
前端
代码不加糖18 分钟前
Proxy能够监听到对象中的对象的引用吗?
开发语言·前端·javascript
光影少年22 分钟前
react 原理与进阶
前端·react.js·掘金·金石计划
kyrie2823 分钟前
Vue 全套性能优化方案
前端
Sour28 分钟前
PDF翻译卡住不动怎么办?扫描件、OCR 和大文件排查清单
前端·pdf·ocr
ziyitty29 分钟前
MiMoCode 配置 “Unrecognized key: mcpServers“ 问题解决方案
前端·chrome
大家的林语冰34 分钟前
连 Markdown 都不放过,Rust 在前端基建杀疯了,万物皆可“锈化“!
前端·javascript·markdown