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

最新推荐文章于 2024-04-13 09:07:28 发布
最新推荐文章于 2024-04-13 09:07:28 发布
阅读量935 收藏 16
点赞数
分类专栏： 小程序 文章标签： 小程序 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012663281/article/details/108488697
版权

微信小程序通讯录组件及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

效果图

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

极致爆发
关注
  • 0
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信通讯录按姓名拼音分组实现，并可搜索联系人(iOS源代码)
05-06
来源： github/WeChatContacts Licence： MIT 作者： Mr.unicorn 实现微信通讯录UI，联系人按拼音首字母分组排序A~Z，并且含联系人搜索功能。喜欢就star一个呗~ 谢谢。
gitee+picgo出现{“success“:false,“message“:“upload error“}
热门推荐
天泽岁月
07-21 1万+
gitee+picgo出现{“success“:false,“message“:“upload error“}
微信小程序css篇----所有属性(按字母排列：f 开头)
鎏嫣宫守护的博客
01-15 3537
f开头的属性主要就是盒子布局和字体的，先来看图，然后在一项项来看。 1.fallback：是@counter-style 里的属性值。小程序里不知道怎么写，一写@counter-style 就报未定义的属性。不过在css中Firefox支持。点击打开链接。 2.fill：这是SVG里的属性。fill-opacity与fill-rule一样。详情请自行跳转。 3.filter：定义了元
UI开源库
zhangcanyan的博客
07-17 5269
https://github.com/opendigg/awesome-github-android-ui
小程序自定义组件仿微信联系人可导航字母序排列数据列表
Honiler的博客
10-02 4761
alphabet-order-list 可导航字母序排列数据列表  基础库 1.6.0 开始支持，低版本需做兼容处理 属性 类型 默认值 说明 最低版本 source Array [] 必要属性，数据源   groupKey String   ...
基于微信小程序的单词记忆系统（Java+SSM+MySQL）
毕业作品网站
10-31 2371
wordroid.db文件放在Eclipse 微信小程序工程中的res文件夹下的raw目录中，通过使用getResources().openRawResource方法获得raw目录中资源的InputStre am对象，然后将该InputStream对象中的数据写入手机内存或SD卡的目录中相应文件中。微信小程序应用是用java语言，虽然版本有好多，但一般会向下兼容，用Eclipse + ADT来创建应用程序，微信小程序提供开发的足够的接口API让开发者开发功能强大的应用程序。占用内存小，用户电池消耗小。
小程序：通讯录的实现
夏天的博客
08-23 1498
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
uniapp小程序项目中实现通讯录功能
Quentin0823的博客
12-07 4116
最近小程序项目需求有通讯录这样的需求 简单效果图是这样的 首先，我们需要调后台接口获取姓名还有其他信息，将获取回来的中文名字转换为拼音，这里做的是转为姓名首字母大写的简写格式（比如：“安其拉” 转为“AQL”）这里只需要名字的第一个字的首字母，使用js的截取功能就能实现，中文转拼音这里我使用的是js-pinyin，将转换好的内容渲染到页面上。第一步 下载js-pinyin包 （安装依赖这里可以参考 这篇文章） 第二步 在main.js中引入js-pinyin 第三步 在methdos函数中调用接口获取名
微信小程序｜使用小程序实现通讯录功能，首字母快捷导航
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
09-26 4933
实现在小程序内按名字的汉字首字母归类显示，并提供右侧字母导航条，当点击其中一个时，可快速滑动至该字母分类的联系人列表。
关于微信小程序通讯录人名分组的实现
weixin_50877746的博客
01-30 1271
引言 最近实现的一个小程序需要制作一个通讯录，我参考的标准肯定是微信的界面啊，下面介绍一下我界面的实现和操作 页面实现 我发现vant里面的indexBar能够实现这个界面功能 文字转拼音实现分组 我在网上一搜基本都是用的npm上的pinyin库，但是出乎意料的是，我安装了pinyin库后构建一直失败，报错信息是“unvalid number”之类的，网上的解决方案是删除miniprogram_npm再重构一下，但是我删除了又重新安装，一直失败。所以折腾了一个下午索性直接放弃了这个方案，只能说微信小程序有
小程序组件之仿微信通讯录的实现代码
10-18
主要介绍了小程序组件之仿微信通讯录的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
通讯录小程序
11-21
这是我用VS2010写的通讯录小程序，可以参考一下。
通讯录
03-16
本程序是为自己写的通讯录 里面包涵了姓名,性别,类型,手机1,手机2，QQ，家用电话，电子邮件，家乡，工作地,相片。 经过一个月的原型开发方法，把这个小程序做成了。看来我真的很菜！！ 可以启动电子邮件软件发电子邮件。自动排序，过滤，查找。 原代码基本是BCB的组件，为加了DBGridEh组件。 本程序基于C++Builder 5 开发的。
微信小程序全选多选效果实现代码解析
12-28
这篇文章主要介绍了微信小程序全选多选效果实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图： wxml代码： 全选 <vi
微信小程序实现多选功能
10-17
主要为大家详细介绍了微信小程序实现多选功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
12-30
实现的效果就是： ...2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式 拼成一个字符串 ... ... wxml关键代码 重要代码 value={{item.goods_id}} -->checkbox被选中的值就是这个goods_id checked={{item....
【网站项目】农产品自主供销小程序
最新发布
卓怡工作室的博客
04-13 1216
网络的广泛应用给生活带来了十分的便利。所以把农产品自主供销管理与现在网络相结合，利用java技术建设农产品自主供销小程序，实现农产品自主供销的信息化。则对于进一步提高农产品自主供销管理发展，丰富农产品自主供销管理经验能起到不少的促进作用。 农产品自主供销小程序能够通过互联网得到广泛的、全面的宣传，让尽可能多的用户了解和熟知农产品自主供销小程序的便捷高效，不仅为群众提供了服务，而且也推广了自己，让更多的群众了解自己。对于农产品自主供销而言，若拥有自己的系统，通过系统得到更好的管理，同时
uniapp 开发小程序如何检测到更新点击重启小程序完成更新？
weixin_59685936的博客
04-12 556
uniapp 开发小程序如何检测到更新点击重启小程序完成更新？
微信小程序单选多选全选
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、付费专栏及课程。

余额充值