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

最后

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

相关推荐
万少1 小时前
使用Trae轻松安装openclaw的教程-附带免费token
前端·openai·ai编程
浪浪山_大橙子1 小时前
OpenClaw 十分钟快速,安装与接入完全指南 - 推荐使用trae 官方 skills 安装
前端·人工智能
忆江南1 小时前
iOS 可视化埋点与无痕埋点详解
前端
离开地球表面_991 小时前
金三银四程序员跳槽指南:从简历到面试再到 Offer 的全流程准备
前端·后端·面试
_柳青杨1 小时前
跨域获取 iframe 选中文本?自己写个代理中间层,再也不求后端!
前端
比尔盖茨的大脑1 小时前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
天才熊猫君1 小时前
Vue3 命令式弹窗原理和 provide/inject 隔离机制详解
前端
bluceli1 小时前
Vue 3 Composition API深度解析:构建可复用逻辑的终极方案
前端·vue.js
程序员ys2 小时前
前端权限控制设计
前端·vue.js·react.js
忆江南2 小时前
Flutter GetX 深入浅出详解
前端