2.2 index.wxss
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
color: #aaa;
}
.userinfo-avatar {
overflow: hidden;
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
}
2.3 index.js
Page({})
2.4 效果图
[外链图片转存中…(img-nXaQF1Xm-1711089747776)]
3.1 登录流程时序
[外链图片转存中…(img-k9WqVSoR-1711089747777)]
3.2 登录中的三个角色
-
小程序:用户使用的客户端,由于小程序运行在微信之上,因此小程序可以通过API获取微信用户的身份信息
-
开发者服务器