微信小程序 bnner滚动实例详解
更新时间：2017年01月17日 17:32:29 投稿：lqh
这篇文章主要介绍了微信小程序 bnner滚动实例详解的相关资料,需要的朋友可以参考下
微信小程序 bnner滚动
首先是轮播图，autoplay 自动播放，interval 轮播的时间，duration 切换速度，可以根据自己需求去添加。
Delete：是删除按钮，加载进来是隐藏的，需用户点轮播图进去后，轮播图全屏显示才出来。
noClickImg 与 ClickImg：切换全屏与非全屏轮播图，绑定了点击事件 changeClick 来切换，只是改变样式即可。
Block：图片列表。
Number_img：当前轮播 index（currentNumber），与图片 length 集合（cardnum）。其中 currentNumber：
//轮播图发生改变时改变数字
//初始化数据
Data:{
currentNumber:1
}
slidechange:function(e){
var number = e.detail.current;
this.setData({
currentNumber:number+1
})
},
图片你自己可以用vx:for,这个只实现静态滚动 ；
这里可以看到全屏状态下当关闭按钮被点击后 getBackStyle，把 changeClick 切换到 imgFullScrenn 待命。
index.js新增：
详情页可以看到信息基本都是样式一样，可以使用微信提供的循环 block。
上面写的不好的地方，请各位爱好者多多指导，有更好的效果请多多指导。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
Android手机支持敲击屏幕解锁，敲击屏幕解锁是一项很实用的功能，本文以android平台为例使用java代码实现Android手机屏幕敲击解锁功能，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-07-07
今天小编就为大家分享一篇Android获取SDcard目录及创建文件夹的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了Android中自定义水平进度条样式之黑色虚线 的相关资料,需要的朋友可以参考下2016-03-03
详解关于Android Studio中安装和gradle的一些坑
本篇文章主要介绍了关于Android Studio中安装和gradle的一些坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
下面小编就为大家带来一篇快速解决进入fragment时不能弹出软件盘的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
今天小编就为大家分享一篇关于Linux命令行下编译Android NDK的示例代码，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2018-12-12
本篇文章主要介绍了Android使用RSA加密和解密的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了Android BottomSheet效果的两种实现方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了Android Glide 4.0+使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
Android 中FloatingActionButton(悬浮按钮)实例详解
这篇文章主要介绍了Android 中FloatingActionButton(悬浮按钮)实例详解的相关资料,需要的朋友可以参考下2017-05-05
最新评论