用戶有多張名片，需要左右切換查看，往下切換是菜單按鈕。 這里需求兩處滑動，用到了微信提供給我們的滑動組件 swiper，并且進(jìn)行了嵌套使用，第一層是名片展示與菜單按鈕的上下滑動， 第二層是名片展示的左右滑動（支持互相嵌套使用的，可以放心使用）。Vertical 加上就是縱向滑動，去掉即是左右滑動。整體結(jié)構(gòu)如下所示：點(diǎn)擊事件綁定的是數(shù)據(jù)切換方式，因?yàn)樾枰С侄啻吸c(diǎn)擊切換。初始化數(shù)據(jù)是 nextSlide：再看下 nextSlide 事件。currentSlide 是當(dāng)前頁面的 index，改變它即可完成切換效果，可以看上圖初始化數(shù)據(jù)時(shí)設(shè)置了 cs 是 0。因而賦值當(dāng)前 data.cs+1 即可，再把綁定點(diǎn)擊事件 clickNext 切換成 nextSlideAgain。再看下 nextSlideAgain 事件，執(zhí)行的減去 1 個索引，實(shí)現(xiàn)多次點(diǎn)擊切換效果。具體效果可以看到。 點(diǎn)擊個人名片進(jìn)

1. 微信小程序開發(fā)（五）名片盒「我」的頁面詳解

簡介：用戶有多張名片，需要左右切換查看，往下切換是菜單按鈕。 這里需求兩處滑動，用到了微信提供給我們的滑動組件 swiper，并且進(jìn)行了嵌套使用，第一層是名片展示與菜單按鈕的上下滑動， 第二層是名片展示的左右滑動（支持互相嵌套使用的，可以放心使用）。

2. 微信小程序開發(fā)（三）名片夾詳情頁實(shí)例教程

簡介：今天加了新干貨！除了開發(fā)日志本身，還回答了一些朋友的問題。閑話不多說，先看下「名片盒」詳情頁的效果圖：

3. 微信小程序開發(fā)（一）詳解將服務(wù)號改造成小程序?qū)嵗?/a>