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

最后

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

相关推荐
web守墓人36 分钟前
【前端】ikun-markdown: 纯js实现markdown到富文本html的转换库
前端·javascript·html
为风而战37 分钟前
uni-app X APP在线升级 解决【uni-upgrade-center-app】未配置uni-upgrade-center 问题
uni-app
Savior`L42 分钟前
CSS知识复习5
前端·css
许白掰42 分钟前
Linux入门篇学习——Linux 工具之 make 工具和 makefile 文件
linux·运维·服务器·前端·学习·编辑器
雪碧聊技术5 小时前
uniapp如何创建并使用组件?组件通过Props如何进行数据传递?
uni-app·创建组件·使用组件·props数据传递
中微子5 小时前
🔥 React Context 面试必考!从源码到实战的完整攻略 | 99%的人都不知道的性能陷阱
前端·react.js
@Dream_Chaser5 小时前
uniapp页面间通信
uni-app
Liudef066 小时前
儿童趣味记忆配对游戏
css·游戏·css3
中微子6 小时前
React 状态管理 源码深度解析
前端·react.js
加减法原则7 小时前
Vue3 组合式函数:让你的代码复用如丝般顺滑
前端·vue.js