微信小程序字母检索-indexList

网友投稿 809 2022-10-09

微信小程序字母检索-indexList

微信小程序字母检索-indexList

微信小程序字母检索-indexList

两年前小程序刚出来的时候,领导就让我做一个小程序,中间有个字母索引的功能,在H5页面里,比较常见,原理就是通过touch事件来更新dom,使视图有所变化。但是在小程序里,并没有dom的操作,只能通过现有的组件实现效果,在17年的时候,第一版里,做出来的效果在安卓手机还有点卡,经过2年,小程序也不断更新,现在ios和android表现都比较流畅了。

动图效果gif

indexList详细内容

github地址:https://github.com/petsgre/indexList开发工具:微信开发者工具初始版本:v1.0.0当前版本:v2.0.1

功能要点

-

bower install indexList(停止更新bower)npm install wx-index (从node_modules目录下面拷贝出项目代码即可)

如何使用

直接使用 page/search/search 这是page形式的代码,可修改性比较强,可以直接拷贝来使用使用component方式使用 拷贝 component文件到项目根目录中,在需要调用组件的页面中调用(暂不支持自定义样式,如果需要修改请使用方法1)

// xxx.wxml// xxx.json{ "usingComponents": { "zx-index": "../../component/index/index" }}

最后

如果觉得此组件可以帮助到你,请给个star以资鼓励,谢谢。

如果此组件有什么不足之处,欢迎提出issue或有好的方案直接PR。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:使用pager-taglib完成分页,以及对分页的分装
下一篇:replaceNode
相关文章

 发表评论

暂时没有评论,来抢沙发吧~