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

最后

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

相关推荐
临期冰淇淋24 分钟前
MTK平台 安卓16 GMS报错修改
android·java·前端
Misnearch33 分钟前
React中的回调
前端·javascript·react.js
Profile排查笔记38 分钟前
浏览器多开怎么设置独立 IP?Profile、代理与核验流程
前端·人工智能·后端·自动化
anyup_前端梦工厂1 小时前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
凌云若寒1 小时前
BarTender官网下载打印机驱动
运维·服务器·前端·网络·产品经理
zd8451015001 小时前
基于 HTML 与 Modbus TCP 构建设备仪器上位机:可行性分析与代码结构设计
前端·tcp/ip·html
Amumu121382 小时前
NodeJs介绍
前端·node.js
咧咧小侠2 小时前
Windows Codex 连接 Chrome 失败:一次 nodeRepl.fetch 报错排查记录
前端·chrome
Eider19982 小时前
大模型输出格式幻觉解决思路
开发语言·前端·javascript
广州智造2 小时前
Radioss时间步长(Time Step)
前端·设计·cad·建模·cae·radioss