【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 小程序 » 正文

微信小程序——通讯录列表

放大字体  缩小字体 发布日期:2020-06-13 23:07:00    浏览次数:12
导读

  分享一个大牛写的通讯录列表,十分感谢这位大牛!大牛在blog中有贴出代码,大家直接复制黏贴就可以,棒棒哒~!  ps:并不是真的直接复制黏贴就好,比如数据,人家是从服务端取的,咱可以先写死,大牛文章里有放出数据格式,把数据中的items改为brands,把数据塞入someArr,就能愉快的使用了。  1、一个滑动的通讯录

  分享一个大牛写的通讯录列表,十分感谢这位大牛!大牛在blog中有贴出代码,大家直接复制黏贴就可以,棒棒哒~!

  ps:并不是真的直接复制黏贴就好,比如数据,人家是从服务端取的,咱可以先写死,大牛文章里有放出数据格式,把数据中的items改为brands,把数据塞入someArr,就能愉快的使用了。

  1、一个滑动的通讯录列表(大牛做的其实是品牌列表,但是这不重要),拥有粘性头部(粘性头部就是滑动到B模块,B会固定在顶部)

  2、列表与右边的首字母索引是联动的(点字母可以跳转列表对应位置,滑动列表,索引active也会跟着变化)。

  1、点击索引Z,Z中的数据只有几条不满一屏,屏幕顶部是X的数据时,索引active会由Z变为X

  原因:目测是点击时,索引active为Z,列表滚动到Z的位置,但是由于Z的位置是列表最下方且不足一屏,列表的实际滑动距离是到X的位置,之后由滑动距离计算索引active,于是索引active又变成了X

  1、我需要在列表的头部加入一个搜索框,一开始是加在scroll-view上方,但是由于搜索框占据了一部分的高度,scroll-view的高度是100%,不大好计算。于是之后直接把搜索框塞到了粘性头部(定位)里,一起定位到最高。scroll-view再扣除相应的高度(我是用padding-top,把输入框的高度空出来)

  我的数据格式也差不多,唯一的区别是,大牛得到的数据格式,是根据initial由A到Z排序过的,我的数据是乱序的,首先想到的就是sort排序。

  呵呵,然鹅,sort在json排序数据的时候,有!问!题!当你的数据格式如上乱序排列,并且数据量超过10以上,sort排序之后得到的数据,仍然是乱七八糟的。很忧伤,于是只能默默地for循环排序了。

  3、在滑动列表里,特别是旁边有索引的列表,有个滑块....emmmm,我是拒绝的,所以用了样式去除

  ::-webkit-scrollbar { width: 0; height: 0; color: transparent; }

  作为一名资深摄影小白,本宝宝咬咬牙花了一个月的工资买了一款轻便型女生最爱、旅游摄影入门级单反佳能100D。一年的时...

  人们常用“你很土!”来形容一个人庸俗,品位低,而当事人却不以为然,而且仍旧是怡然自乐。 土铸就成大地的躯干,我本人...

  贱人贱人贱人贱人贱人贱人贱人贱人就是矫情! 贱人就是贱人,不存在什么矫情不矫情。你说这是公共场合,我说这是休息时间...

  我的父母出生于上个世纪70年代,在90年代结婚,婚后第二年有了我。我的妈妈年轻时是出了名的美人,却等到26岁才结婚...

 
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-267867.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4