最近模仿微信通信录做了个小程序组件，分享给大家，具体如下：

创新互联建站专业为企业提供安化网站建设、安化做网站、安化网站设计、安化网站制作等企业网站建设、网页设计与制作、安化企业网站模板建站服务，十年安化做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

效果图

因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完后又提示只能4M，只能再去压缩图片，所以画质略渣，各位客官讲究的看看吧。

特色功能介绍

1. 用户只需按照格式传入参数，组件能够自动将参数按首字母分组，简单方便；
2. 组件右侧首字母导航无需另外传值，并且根据参数具体有哪些首字母显示（没有的咱就不要）；
3. 用户进行上下滑动时，左右相互联动；
4. 点击右侧导航，组件会相应的上下滚动。

 实现基础

本组件只使用了小程序基础组件中的scroll-view，不用那么麻烦，简单方便，一看就懂，哈哈哈

wxml

滚动区域

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

本文标题：小程序组件之仿微信通讯录的实现代码-创新互联
URL分享：http://scyanting.com/article/dshjij.html