關於名片盒、名片夾的詳解

用戶有多張名片，需要左右切換查看，往下切換是選單按鈕。 這裡需求兩處滑動，用到了微信提供給我們的滑動組件swiper，並且進行了嵌套使用，第一層是名片展示與菜單按鈕的上下滑動， 第二層是名片展示的左右滑動（支持互相嵌套使用的，可以放心使用）。 Vertical 加上就是縱向滑動，去掉即是左右滑動。整體架構如下所示：點擊事件綁定的是資料切換方式，因為需要支援多次點擊切換。初始化資料是 nextSlide：再看下 nextSlide 事件。 currentSlide 是目前頁面的 index，改變它即可完成切換效果，可以看上圖初始化資料時設定了 cs 是 0。因而賦值當前 data.cs+1 即可，再把綁定點選事件 clickNext 切換成 nextSlideAgain。再來看下 nextSlideAgain 事件，執行的減去 1 個索引，實現多次點擊切換效果。具體效果可以看到。 點選個人名片進

1. 微信小程式開發（五）名片盒「我」的頁面詳解

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

2. 微信小程式開發（三）名片夾詳情頁實例教學

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

#3. 微信小程式開發（一）詳解將服務號碼改造成小程序實例

#簡介：微信應用程式號碼（小程序，「應用號碼」的新稱呼）終於來了！ 目前仍處於內測階段，微信只邀請了部分企業參與封測。想必大家都關心應用號碼的最終型態到底是什麼樣子？怎樣將一個「服務號」改造成「小程式」？ 我們暫時以一款簡單的第三方工具的實例，來示範一下開發過程吧。 （公司的專案保密還不能分享代碼和截圖。博卡君是邊加班邊偷偷給大家寫教程。感謝“名片盒”團隊提供他們的服務號來動這個手術，所以博卡君的教程就用“名...

以上是關於名片盒、名片夾的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！