微信小程序 <swiper

网友投稿 199 2023-05-16


微信小程序 <swiper

微信小程序 标签传入数据

中用for循环传入多个成对不同数据时的实现方法。

看下效果图:

遍历实现方法:wxss省略:

wxml中代码:

<image class="navimg" src="{{item.navimg}}">

{{item.navtext}}

相对应js里面的代码:

var app = getApp()

PagedEkPM({

data: {

navs:[

{ navimg:'/images/i01.png', navtext:'掌上信息'},

{ navimg:'/images/i02.png', navtext:'商家'},

{ navimg:'/images/i03.png', navtext:'抢购'},

{ navimg:'/images/i04.png', navtext:'抢福利'},

{ navimg:'/images/i05.png', navtext:'五折卡'},

{ navimg:'/images/i06.png', navtext:'黑猫活动'},

{ navimg:'/images/i07.png', navtext:'本地圈'},

{ navimg:'/images/i08.png', navtext:'顺风车'},

],

indicatorDots: true,

autoplay: true,

interval: 2000,

duration: 1000,

}

})

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


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

上一篇:Vuex和前端缓存的整合策略详解
下一篇:bootstrap table表格插件使用详解
相关文章

 发表评论

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