微信小程序免授权获取用户头像昵称

可以通过微信小程序提供的open-data标签获取微信开放的数据

//获取用户的头像
<open-data type="userAvatarUrl"></open-data>
//获取用户的微信昵称
<open-data type="userNickName" lang="zh_CN">

头像设置成圆形方法。给一个父级标签，修改父级标签的样式border-radius:50%;overflow: hidden;

<view class="face" @tap="onceLogin">
	<open-data type="userAvatarUrl" ></open-data>
</view>

.face{
	flex-shrink:0;
	width:15vw;
	height:15vw;
	overflow: hidden;
	border-radius:50%;
}

效果如下

需要获取更多信息的话，可以查看文档获取。文档