小程序组件之仿微信通讯录的实现代码-创新互联
最近模仿微信通信录做了个小程序组件,分享给大家,具体如下:
创新互联建站专业为企业提供安化网站建设、安化做网站、安化网站设计、安化网站制作等企业网站建设、网页设计与制作、安化企业网站模板建站服务,十年安化做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。效果图
因为是使用的手机录屏,视频格式为MP4,上传到文章时发现只支持图片,还好电脑自动录屏功能,所以简单的录制了一下,完后又提示只能4M,只能再去压缩图片,所以画质略渣,各位客官讲究的看看吧。
特色功能介绍
- 用户只需按照格式传入参数,组件能够自动将参数按首字母分组,简单方便;
- 组件右侧首字母导航无需另外传值,并且根据参数具体有哪些首字母显示(没有的咱就不要);
- 用户进行上下滑动时,左右相互联动;
- 点击右侧导航,组件会相应的上下滚动。
实现基础
本组件只使用了小程序基础组件中的scroll-view,不用那么麻烦,简单方便,一看就懂,哈哈哈
wxml
滚动区域
{{group.title}} {{user.name}}
当前标题:小程序组件之仿微信通讯录的实现代码-创新互联
网站网址:http://ybzwz.com/article/dshjij.html