微信小程序获取微信头像和名称

微信小程序开发过程中，个人中心通常都需要实现微信头像和微信名称展示，微信开发已经有封装好的组件，直接在你需要的地方引入代码块就行，type数据类型需要开发过程中按需引入，微信官方文档：

<open-data type="userAvatarUrl"></open-data>//userAvatarUrl是获取微信头像

open-data

基础库 1.4.0 开始支持，低版本需做兼容处理。

用于展示微信开放的数据。

属性	类型	默认值	必填	说明	最低版本
type	string		否	开放数据类型	1.4.0
open-gid	string		否	当 type="groupName" 时生效, 群id	1.4.0
lang	string	en	否	当 type="user*" 时生效，以哪种语言展示 userInfo	1.4.0
default-text	string		否	数据为空时的默认文案	2.8.1
default-avatar	string		否	用户头像为空时的默认图片，支持相对路径和网络图片路径	2.8.1
binderror	eventhandle		否	群名称或用户信息为空时触发	2.8.1

type 的合法值

值	说明	最低版本
groupName	拉取群名称	1.4.0
userNickName	用户昵称	1.9.90
userAvatarUrl	用户头像	1.9.90
userGender	用户性别	1.9.90
userCity	用户所在城市	1.9.90
userProvince	用户所在省份	1.9.90
userCountry	用户所在国家	1.9.90
userLanguage	用户的语言	1.9.90

 

 详情可以访问微信官方文档

以下是我项目实现的效果图，样式调整需要根据实际开发进行调整：