微信小程序仿微信通讯录按字母查找滑动组件
效果
通讯录
通讯录根据字母滑动显示
如何使用
- 将component目录的alphabet放到自己的项目目录中
- 在使用的页面引入
json
"usingComponents": {
"alphabet": "/component/alphabet/index"
}
wxml
list 是传入的数据,一定要和alphabetList.js里面data中list的json数据一样
<alphabet list="{{list}}" />
wxss
下面是隐藏滚动条,组件里面不支持这样写
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
- 编译
功能
- [x] 带字母滑动或点击选择的列表页面
其它
- 👉 欢迎issue
- 👉 欢迎pr
demo查看地址https://github.com/kingbuwu/weapp-address-book
网友评论