微信小程序 图片宽度自适应的实现

网友投稿 239 2023-05-25


微信小程序 图片宽度自适应的实现

微信小程序 图片宽度自适应的实现

实例代码:

wxml 代码:

js 代码:

imageLoad: function () {

this.setData({

imageWidth: wx.getSystemInfoSync().windowWidth,//图片宽度

imgUrls: [

{ image: "http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg" },

{ image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg" },

{ image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg" }],

indicatorDots: false,//是否显示圆点

autoplay: true,//自动播放

interval: 2000,//间隔时间

duration: 1000//监听滚动和点击事件

})

}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Spring Task定时任务的配置和使用详解
下一篇:微信小程序五星评分效果实现代码
相关文章

 发表评论

暂时没有评论,来抢沙发吧~