本篇文章2168字，读完约5分钟
雷锋。作者薄卡军，成。雷锋。搜索“雷锋”。com "公共号码)已被作者授权发布。未经授权拒绝转载！
这篇文章是微信小程序开发教程系列的第三篇。在阅读本文之前，您可以先看一下这两篇文章:
重|微信应用号，最新开发小程序教程
微信应用号，最新小程序开发教程的第二颗子弹
感谢朋友们的支持！在过去的两天里，博卡军得到了很多支持和安慰，并结识了很多志同道合的朋友。目前，微信发布的工具和代码都不是官方版本，可以随时调整。让我们先体验和学习。最近，这个教程让我筋疲力尽。虽然我在挣扎，但我很开心。
第五章:微信小程序名片文件夹详情页面开发今天的内容新增干货！除了开发日志本身，我还回答了一些朋友的问题。
闲话不多，先看看名片盒细节页面的效果图:
备注下的一般要求:顶部后面有一个转盘。二维码按钮弹出模式框信息，点击微信栏目，点击保存到手机。地址栏需要地图显示，而名片分享也是模式框的指导。
首先是转盘，自动播放自动播放，间隔转盘时间和持续时间切换速度，这可以根据您自己的需要添加。
删除:这是一个删除按钮，加载时隐藏。用户点击转盘进入后，转盘将全屏显示。
noclickimg 与 clickimg：切换全屏与非全屏轮播图，绑定了点击事件 changeclick 来切换，只是改变样式即可。点击并点击:在全屏和非全屏旋转图片之间切换，绑定点击事件更改点击进行切换，只需更改样式。
Block:图片列表。
number_img：当前轮播 index（currentnumber），与图片 length 集合（cardnum）。Number_img:当前转盘索引(currentnumber)和图片长度集(cardnum)。
其中当前号码:
//当转盘改变时，改变号码
//初始化数据
数据:{
当前号码:1
{}
slidechange:函数(e){
var number = e . detail . current；
this.setdata({
当前号码:数字+1
})
}，
这里可以看到全屏状态下当关闭按钮被点击后 getbackstyle，把 changeclick 切换到 imgfullscrenn 待命。在这里，你可以看到当全屏点击关闭按钮时，获取背景样式，并将点击更改为imgfullscrenn到袖手旁观。
再次点击返回原来的样式，切换后事件将再次返回getbackstyle，可以灵活使用。
刷新开发工具，查看如下具体效果:
从详细信息页面可以看出，信息的风格基本相同，可以使用微信提供的循环块。
以下是详细信息页面中的个人信息数据。
如果有信息，就会显示出来。如果没有数据，将不会显示。在这里使用它
//中文信息
var China message = RES . card . group[0]。字段；
var personal message =[]
对于(var I = 0；我下一章:微信(小程序)我的页面开发。
第六章:微信小程序我的页面开发效果图及要求；
用户有多张名片，需要从左到右切换，下一个切换是菜单按钮。
这里，我们需要两张幻灯片。我们使用微信提供的滑动组件swiper，并以嵌套方式使用它。第一层是名片显示和菜单按钮的上下滑动，第二层是名片显示的左右滑动(如果相互嵌套，可以放心使用)。
垂直加号是垂直滑动，移除是左右滑动。
总体结构如下:
点击事件绑定到数据切换模式，因为需要支持多次点击切换。
初始化数据是下一张幻灯片:
再看下一张幻灯片。Currentslide是当前页面的索引，切换效果可以通过改变它来完成。如上图所示，初始化数据时，可以将cs设置为0。
因此，分配当前的data.cs+1，然后切换绑定点击事件，再次点击下一张幻灯片。
再次查看下一个幻灯片事件，减去一个索引以实现多点切换效果。
具体效果可见一斑。
点击个人名片编辑名片页面，由于需要带参考，所以使用wx.navgateto。
你可以看到效果:
最后，订购一些干货:
当我们发布第一个教程时，有人注意到了这一点。如何进行真实的数据交互可以理解如下。
第一步是md5加密和重新聚集交互层。
如何引用md5.js？当然，模块化要求。不要忘记为引用的js导出模块。
下面是请求者. js引用md5.js
applicationroot是服务器地址(配置服务器时，请检查开发设置页面上的appid和appsecret，并配置服务器域名)。
这里的require.js模块. exports是为了公开这个方法。
此时，将require.js引入global app.js，以映射到global，这是一个全局。
此时，如果该页面需要该页面，请直接接受它。模块化非常有用吗？
您可以完全看到与后台数据交互请求的实现，如下所示:
图1是请求者. js中的包
图2是需要调用数据的页面呈现。
如果你有任何问题，你可以给出更多的指导，你将在下一章解释一些已知的问题。
应该有一些人喜欢崇高的编辑，一些人问如何切换突出。只需直接切换到你右下角的html。
下一章:微信小程序编辑名片页面的开发(涉及要点:检索、排序、滑动和页面交互)。
相关阅读:
你不必高估微信小程序，也不必看不起百度卖91
通过查看智虎“微信小程序”的所有问答，我们整理出
