处理小程序image图片自适应问题

问题:因为小程序的image组件是有默认的宽高的,320px*240px;而在某些时候,我们不同的图片的高度是不一样的,我们的需求还是保证保留图片原来的高度,所以就不能给图片设置固定高度,那么如何实现图片的自适应呢?

1.使用uni-app框架(模板)


1)src为当前图片的路径(相对路径和绝对路径都可以)

2)@load(相当于bindload),图片加载完成,自动触发的函数

3):style为动态设置图片的样式,将图片的宽高设置为变量

2.uni-app(js业务)


在data数据中,定义autoWidth,autoHeight自适应的宽高


在方法中,创建@load对应的方法,autoImage用来处理图片,在当前方法中,则是调用了工具类的方法,然后通过返回值,直接对宽高进行赋值设置

导入


处理图片自适应的核心代码

如果你用了,解决了问题,点个赞吧!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容