问题:因为小程序的image组件是有默认的宽高的,320px*240px;而在某些时候,我们不同的图片的高度是不一样的,我们的需求还是保证保留图片原来的高度,所以就不能给图片设置固定高度,那么如何实现图片的自适应呢?
1.使用uni-app框架(模板)
1)src为当前图片的路径(相对路径和绝对路径都可以)
2)@load(相当于bindload),图片加载完成,自动触发的函数
3):style为动态设置图片的样式,将图片的宽高设置为变量
2.uni-app(js业务)
在data数据中,定义autoWidth,autoHeight自适应的宽高
在方法中,创建@load对应的方法,autoImage用来处理图片,在当前方法中,则是调用了工具类的方法,然后通过返回值,直接对宽高进行赋值设置
导入 处理图片自适应的核心代码如果你用了,解决了问题,点个赞吧!!!
网友评论