用戶有多張名片，需要左右切換查看，往下切換是選單按鈕。 這裡需求兩處滑動，用到了微信提供給我們的滑動組件swiper，並且進(jìn)行了嵌套使用，第一層是名片展示與菜單按鈕的上下滑動， 第二層是名片展示的左右滑動（支持互相嵌套使用的，可以放心使用）。 Vertical 加上就是縱向滑動，去掉即是左右滑動。整體架構(gòu)如下所示：點(diǎn)擊事件綁定的是資料切換方式，因?yàn)樾枰г啻吸c(diǎn)擊切換。初始化資料是 nextSlide：再看下 nextSlide 事件。 currentSlide 是目前頁面的 index，改變它即可完成切換效果，可以看上圖初始化資料時設(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í)例教學(xué)

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

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