如果只是調(diào)用顯示微信用戶頭像與用戶名稱，不需要其它，就用下面的代碼就行。
<open-data class="l_tu" type="userAvatarUrl"></open-data>
<open-data class="l_text" type="userNickName"></open-data>




以下是可以改成不同客戶端調(diào)用顯示不同的信息
<template>
<view>
<view class="tx-w">
<view class="tx">
<image class="tx-img" :src="yonghuwx.avatarUrl"></image>
<view class="zx"></view>
</view>
<view class="name">{{yonghuwx.nickName}} </view>
<view class="name-qm">自然的美好的，你的</view>
</view>

</view>
</template>

<script>
export default {
data() {
return {
yonghuwx: []
}
},
onLoad(){
let that = this;
uni.login({
provider: 'weixin',
success: function(loginRes) {
// 獲取用戶信息
uni.getUserInfo({
provider: 'weixin',
success: function(infoRes) {
that.yonghuwx = infoRes.userInfo
console.log(that.yonghuwx)
}
});
}
});
},
methods: {

}
}
</script>

<style>
.tx-w{margin-top:200upx;}
.tx{text-align:center;}
.tx image{width:140upx;height:140upx;border-radius:50%;}
.name{text-align:center;margin-top:20upx;}
.name-qm{text-align:center;margin-top:20upx;font-size:30upx;}
</style>









'以下是微信端登錄使用
1. 首先, 微信中的wx.getUserInfo接口改了，已經(jīng)不能默認彈框進行授權(quán)了，必須引導用戶點擊按鈕自己進行授權(quán)。
2. 用戶進入頁面時，可以先調(diào)用uni.getUserInfo, 如果用戶已授權(quán)uni.getUserInfo是可以直接獲取到用戶的信息的
3. 如果是第一次授權(quán)，將會進fail回調(diào)，如果進入fail回調(diào)，給用戶提示去進行授權(quán)就可以了
頁面加載完成時調(diào)用uni.getUserInfo


onLoad(){
   this.changeLogin();
},

methods:{
  changeLogin(){
// 授權(quán)
// 獲取用戶詳細信息, 可以獲取到說明已經(jīng)授權(quán)過, 直接拿到用戶信息
uni.getUserInfo({
provider: 'weixin',
//授權(quán)成功的回調(diào)
success(res) {
uni.showToast({
    title:'授權(quán)成功',
icon:'none'
})
console.info(res.data)
//that.login(res.data);//授權(quán)成功調(diào)用自己的登錄方法就可以了
},
//第一次進入小程序
fail() {
uni.showToast({
title: '請點擊授權(quán)進行登錄',
icon: 'none'
});
}
});
  }
}


授權(quán)html代碼:
<button open-type="getUserInfo" lang="zh_CN" @getuserinfo="onGotUserInfo">授權(quán)賬號信息</button>



點擊授權(quán)js代碼：

/**
* 用戶同意授權(quán)個人微信信息
* @param {Object} e 用戶的信息
*/
onGotUserInfo(e) {
    console.info(e.detail)
    console.info(e.detail.userInfo);
}