微信小程序幻灯片wxml代码
<swiper indicator-dots=\”{{indicatorDots}}\” autoplay=\”{{autoplay}}\” interval=\”{{interval}}\” duration=\”{{duration}}\”>
<block wx:for=\”{{imgUrls}}\”>
<swiper-item>
<image src=\”{{item}}\” style=\”width:100%;\”/>
</swiper-item>
</block>
</swiper>
微信小程序幻灯片js代码：
Page({
data: {
imgUrls: [
\’图片地址，使用绝对地址1\’,
\’图片地址，使用绝对地址2\’
],
indicatorDots: true,
autoplay: true,
interval: 5000,
duration: 1000
}
})
说明：swiper滑块视图容器。swiper-item仅可放置在<swiper/>组件中，宽高自动设置为100%。indicatorDots是否显示面板指示点，默认值false为不显示指示点。autoplay是否自动切换，默认值为false不自动切换。interval自动切换时间间隔设置，duration滑动动画时长设置。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。