最近模仿微信通信錄做了個小程序組件，分享給大家，具體如下：

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供安化網(wǎng)站建設(shè)、安化做網(wǎng)站、安化網(wǎng)站設(shè)計、安化網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、安化企業(yè)網(wǎng)站模板建站服務(wù)，十年安化做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

效果圖

因為是使用的手機錄屏，視頻格式為MP4，上傳到文章時發(fā)現(xiàn)只支持圖片，還好電腦自動錄屏功能，所以簡單的錄制了一下，完后又提示只能4M，只能再去壓縮圖片，所以畫質(zhì)略渣，各位客官講究的看看吧。

特色功能介紹

1. 用戶只需按照格式傳入?yún)?shù)，組件能夠自動將參數(shù)按首字母分組，簡單方便；
2. 組件右側(cè)首字母導(dǎo)航無需另外傳值，并且根據(jù)參數(shù)具體有哪些首字母顯示（沒有的咱就不要）；
3. 用戶進(jìn)行上下滑動時，左右相互聯(lián)動；
4. 點擊右側(cè)導(dǎo)航，組件會相應(yīng)的上下滾動。

 實現(xiàn)基礎(chǔ)

本組件只使用了小程序基礎(chǔ)組件中的scroll-view，不用那么麻煩，簡單方便，一看就懂，哈哈哈

wxml

滾動區(qū)域

 
  {{group.title}}
  
   
    
    {{user.name}}
   
  
 

分享題目：小程序組件之仿微信通訊錄的實現(xiàn)代碼-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/dshjij.html