关于名片盒、名片夹的详解

关于名片盒、名片夹的详解
用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展示与菜单按钮的上下滑动， 第二层是名片展示的左右滑动（支持互相嵌套使用的，可以放心使用）。Vertical 加上就是纵向滑动，去掉即是左右滑动。整体结构如下所示：点击事件绑定的是数据切换方式，因为需要支持多次点击切换。初始化数据是 nextSli...

用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展示与菜单按钮的上下滑动， 第二层是名片展示的左右滑动（支持互相嵌套使用的，可以放心使用）。vertical 加上就是纵向滑动，去掉即是左右滑动。整体结构如下所示：点击事件绑定的是数据切换方式，因为需要支持多次点击切换。初始化数据是 nextslide：再看下 nextslide 事件。currentslide 是当前页面的 index，改变它即可完成切换效果，可以看上图初始化数据时设置了 cs 是 0。因而赋值当前 data.cs+1 即可，再把绑定点击事件 clicknext 切换成 nextslideagain。再看下 nextslideagain 事件，执行的减去 1 个索引，实现多次点击切换效果。具体效果可以看到。 点击个人名片进

1. 微信小程序开发（五）名片盒「我」的页面详解

简介：用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展示与菜单按钮的上下滑动， 第二层是名片展示的左右滑动（支持互相嵌套使用的，可以放心使用）。

2. 微信小程序开发（三）名片夹详情页实例教程

简介：今天加了新干货！除了开发日志本身，还回答了一些朋友的问题。闲话不多说，先看下「名片盒」详情页的效果图：

3. 微信小程序开发（一）详解将服务号改造成小程序实例

简介：微信应用号（小程序，「应用号」的新称呼）终于来了！ 目前还处于内测阶段，微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子？怎样将一个「服务号」改造成为「小程序」？ 我们暂时以一款简单的第三方工具的实例，来演示一下开发过程吧。（公司的项目保密还不能分享代码和截图。博卡君是边加班边偷偷给大家写教程。感谢「名片盒」团队提供他们的服务号来动这个手术，所以博卡君的教程就用「名...

以上就是关于名片盒、名片夹的详解的详细内容，更多请关注讯客代码网其它相关文章！