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

最后

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

相关推荐
天府之绝6 分钟前
Uniapp App(Android)端 非媒体文件的选择、上传、下载、查看功能
uni-app
澄江静如练_7 分钟前
表单输入绑定
服务器·前端·javascript
猩球中的木子10 分钟前
vue-plugin-hiprint打印高度不够,提示:没有足够空间,显示下方内容,问题处理方案及实操
前端·vue.js
狗头大军之江苏分军21 分钟前
Node.js 原生功能越来越强,我们是不是被 npm 玩坏了?
前端·javascript·架构
独自破碎E24 分钟前
TS7016: Could not find a declaration file for module ‘vue-router‘.解决办法
前端·javascript·vue.js
仰望星空@脚踏实地32 分钟前
DataKit js-yaml和follow-redirects组件依赖影响分析
前端·datakit
Mr_fang719401 小时前
iframe 导致 Vue Router go(-1) 无法正常返回问题解决方案
前端
Drift_Dream1 小时前
Node.js 第二课:用核心模块构建你的第一个服务器
前端·后端
DEMO派1 小时前
首页图片懒加载实现方案解析
前端
用户952081611791 小时前
百度地图MapVThree Editor:地图编辑
前端