美文网首页
处理小程序image图片自适应问题

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

作者: A赵维东 | 来源:发表于2020-02-23 10:29 被阅读0次

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

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

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

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

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

2.uni-app(js业务)

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

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

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

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

相关文章

网友评论

      本文标题:处理小程序image图片自适应问题

      本文链接:https://www.haomeiwen.com/subject/giidqhtx.html