所属分类:php教程
微信小程序 图片宽度自适应的实现
实例代码:
wxml 代码:
登录后复制
JS 代码:
imageLoad: function () {
this.setData({
imageWidth: wx.getSystemInfoSync().windowWidth,//图片宽度
imgUrls: [
{ image: "https://img.zzsucai.com/202210/08/rhszh423994070322.jpg" },
{ image: "https://img.zzsucai.com/202210/08/xQWVN677280070322.jpg" },
{ image: "https://img.zzsucai.com/202210/08/LfhGx866204070322.jpg" }],
indicatorDots: false,//是否显示圆点
autoplay: true,//自动播放
interval: 2000,//间隔时间
duration: 1000//监听滚动和点击事件
})
}
登录后复制
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
微信小程序如何获取相册照片
微信小程序中如何实现动态改变view标签宽度和高度
微信小程序如何实现image组件图片自适应宽度比例显示的方法
以上就是微信小程序中图片宽度自适应的实现的详细内容,更多请关注zzsucai.com其它相关文章!