小程序组件之仿微信通讯录的实现代码-创新互联

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

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

效果图

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

特色功能介绍

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

 实现基础

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

wxml

滚动区域


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

当前标题:小程序组件之仿微信通讯录的实现代码-创新互联
网站网址:http://ybzwz.com/article/dshjij.html