FWQ
微信小程序开发(三)名片夹详情页实例教程
今天加了新干货!除了开发日志本身,还回答了一些朋友的问题。闲话不多说,先看下「名片盒」详情页的效果图: 备注下大致需求:顶部背后是轮播图,二维码按钮弹出模态框信息、点击微信栏、点击存入手机,地址栏需要地图展示,名片分享也是模态框指引。首先是轮播图, 自动播放,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 }) }, 这里可以看到全屏下当关闭按钮被点击后…