第五章:微信小程序名片夹详情页开发备注下大致需求:顶部背后是轮播图,二维码按钮弹出模态框信息、点击微信栏、点击存入手机,地址栏需要地图展示,名片分享也是模态框指引。首先是轮播图,autoplay自动播放,interval轮播的时间,duration切换速度,可以根据自己需求去添加。Delete:是删除按钮,加载进来是隐藏的,需用户点轮播图进去后,轮播图全屏显示才出来。noClickImg与ClickImg:切换全屏与非全屏轮播图,绑定了点击事件changeClick来切换,只是改变样式即可。Block:图片列表。Number_img:当前轮播index(currentNumber),与图片length集合(cardnum)。其中currentNumber://轮播图发生改变时改变数字//初始化数据Data:{currentNumber:1}slidechange:function(e){varnumber=e.detail.current;this.setData({currentNumber:number+1})},这里可以看到全屏状态下当关闭按钮被点击后getBackStyle,把changeClick切换到imgFullScrenn待命。再次点击返回原样式,切换后事件又走回到getBackStyle了,灵活运用。刷新下开发者工具可以看到具体效果如下:详情页可以看到信息基本都是样式一样,可以使用微信提供的循环block。下面是详情页里面的个人信息数据,如果有信息就显示出来,没有数据的不显示,这里使用//中文信息varchinaMessage=res.card.groups[0].fields;varpersonMessage=[]for(vari=0;i