uni-app在微信小程序如何获取微信头像和名称

如果没有登录功能的时候下可以使用这个方法在微信小程序上获取用户名和头像的

<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>

本站资源除特别声明外,转载文章请声明文章出处
东泰博客 » uni-app在微信小程序如何获取微信头像和名称

发表评论

切图仔日常笔记博客