微信小程序通讯录组件及demo，支持汉字转拼音，排序类型，常规通讯录，全选、多选、单选通讯录。

已于 2024-10-08 11:29:09 修改
阅读量1.2k 收藏 19
点赞数 7
分类专栏： 小程序 文章标签： 小程序 js
于 2020-09-09 14:19:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012663281/article/details/108488697
版权
本文介绍了一款由博主Homilier开发的微信小程序通讯录组件，该组件支持汉字转拼音并实现字母排序。同时，提供了全选、多选、单选功能。文章分享了代码片段、GitHub仓库链接以及实际效果展示。
摘要由CSDN通过智能技术生成

微信小程序通讯录组件及demo，支持汉字转拼音，排序类型，常规通讯录，全选、多选、单选通讯录。

提供支持

通讯录组件，来源博主Homilier（https://me.csdn.net/Honiler）
https://blog.csdn.net/Honiler/article/details/82929111

汉字拼音转换工具
https://github.com/hotoo/pinyin

微信原生代码片段

https://developers.weixin.qq.com/s/A3maQemS7qkc

gitHub地址

https://github.com/237005722/minicode-alphabet-order-list

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

极致爆发
关注
专栏目录
微信小程序仿通讯录demoWxPhone_list-master.zip
09-25
微信小程序仿通讯录demoWxPhone_list-master.zip
微信小程序实现通讯录功能wxSortPickerView.zip
09-25
微信小程序实现通讯录功能wxSortPickerView.zip
通讯录小程序
11-21
这是我用VS2010写的通讯录小程序，可以参考一下。
小程序组件-仿微信通讯录
weixin_33849942的博客
09-12 555
运用了该组件的小程序开发完成，详情请看HMusic效果图因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完后又提示只能4M，只能再去压缩图片，所以画质略渣，各位客官讲究的看看吧。特色功能介绍用户只需按照格式传入参数，组件能够自动将参数按首字母分组，简单方便；组件右侧首字母导航无需另外传值，并且根据参数具体有哪些首字母显示（没有的咱就不...
小程序：通讯录的实现
夏天的博客
08-23 1743
1.address-book.vue <template> <!-- 通讯录 --> <view class="address-book"> <view class="address-book-header"> <x-nav-bar input title="通讯录" @onInputChange="onChange"></x-nav-bar> </view> <view c
微信小程序全选多选效果实现代码解析
12-28
这篇文章主要介绍了微信小程序全选多选效果实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图： wxml代码： 全选 <vi
微信小程序实现多选功能
10-17
在微信小程序中实现多选功能是一项常见的需求，尤其在创建互动性强、用户参与度高的应用时。本教程将深入探讨如何在微信小程序中实现在答题或问卷类应用中添加多选题的功能。 首先，我们需要了解微信小程序的基础...
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
12-30
实现的效果就是： ...2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式 拼成一个字符串 ... ... wxml关键代码 重要代码 value={{item.goods_id}} -->checkbox被选中的值就是这个goods_id checked={{item....
微信小程序获取复选框全选反选选中的值(实例代码)
01-19
wxml文件 全选 <view class=th>id 名称 <checkbox value
微信小程序用vant组件制作通讯录
qq_41862164的博客
09-18 1637
微信小程序用vant组件制作通讯录 效果图： 代码如下： .wxml: 在这里插入<van-index-bar index-list="{{ indexList }}"> <view> <van-index-anchor index="省" use-slot="true">省级负责人</van-index-anchor> <view class='user' wx:for='{{provList}}'wx:key='name'&gt
微信小程序-根据汉字查拼音
08-07
微信小程序－查拼音 说明： 实现了根据汉字查拼音的功能，功能相对简单，适合初学者入门。 数据接口: 使用本地数据 目录结构： pages — 存放项目页面渲染相关文件 utils — 存放拼音数据库和日期格式化文件 开发环境： 微信web开发者工具 v0.11.112301 项目截图： https://www.getweapp.com/project?projectId=5835ba4ebb2538f8186c70a7
微信小程序仿通讯录功能
10-15
主要为大家详细介绍了微信小程序仿通讯录功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
小程序自定义组件仿微信联系人可导航字母序排列数据列表
10-02
可导航字母序排列数据列表  基础库 1.6.0 开始支持，低版本需做兼容处理
微信通讯录按姓名拼音分组实现，并可搜索联系人(iOS源代码)
05-06
来源： github/WeChatContacts Licence： MIT 作者： Mr.unicorn 实现微信通讯录UI，联系人按拼音首字母分组排序A~Z，并且含联系人搜索功能。喜欢就star一个呗~ 谢谢。
微信小程序-通讯录。用户可查询、直接拨打商家电话； 商...weapp-phonebook-master.zip
09-25
微信小程序-通讯录。用户可查询、直接拨打商家电话； 商...weapp-phonebook-master.zip
微信通讯录java实现的,小程序组件之仿微信通讯录的实现代码
weixin_35468857的博客
03-11 403
最近模仿微信通信录做了个小程序组件，分享给大家，具体如下：效果图因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完后又提示只能4M，只能再去压缩图片，所以画质略渣，各位客官讲究的看看吧。特色功能介绍用户只需按照格式传入参数，组件能够自动将参数按首字母分组，简单方便；组件右侧首字母导航无需另外传值，并且根据参数具体有哪些首字母显示(没有...
微信小程序通讯录功能；uni-app微信小程序通讯录单选；uni-app微信小程序通讯录多选；uni-app微信小程序通讯录好友功能；uni-indexed-list使用；通讯录高度修改；
i_am_a_div的博客
08-23 3884
介绍：项目使用的是uni-app做的微信小程序；uni-app里原来就用一个组件uni-indexed-list，是用来做通讯录的；可以直接看官方案例也就是hello-uniapp-master下的导航栏；但是官方这个是多选，且没有默认选中功能；故本文是在使用官方组件同时，修改原组件的代码来达到单选和默认选中功能； 解决思路： ...
微信小程序初体验，入门练手项目--通讯录，后台是阿里云服务器
weixin_33963189的博客
11-02 482
一、前言（坑爹的玩意） 项目源码：https://github.com/saucxs/wx_... 微信小程序自从2017年，被各种看好，不过一段时间过去了还是反响平平，下半年随着各项功能的开放，很多企业陆续接入了小程序，我觉得就算是坑，咱们也得踩踩。不然怎么从微信这个大流量体系中推广引流。 小程序内部可以理解成一个mvvm的框架，分...
汉字转拼音小程序
lx_1314的博客
10-19 5598
1.制作原因： 因老婆工作需要 2.环境： windows ,python 3.功能： 输入汉字返回汉字拼音 4.效果： ①输入截图： ②返回结果截图： 4.源代码： import PySimpleGUI as sg from xpinyin import Pinyin def main(): while 1: hzi = sg.popup_get_text("请输入汉字(输入q退出):") ...
微信小程序单选多选全选
最新发布
05-18
微信小程序中可以通过使用组件来实现单选、多选和全选功能。 单选： 可以使用radio组件来实现单选功能。radio组件需要与radio-group组件配合使用。当用户点击其中一个radio后，radio-group会自动将其它的radio选项...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值