一、展示效果
二、使用方法:
在资源处下载后
在调用页面
json:
"usingComponents": {
"wx_empower": "/Component/wx_empower/wx_empower"
}
wxml:
<!-- 微信授权 -->
<wx_empower id="wx_empower" show="{
{show_empower}}" force="{
{true}}" bind:return_login="return_login"></wx_empower>
js:
1、先判断是否已经登录,未登录直接调用show_empower:true即可弹出登录授权框
2、点击授权会请求获取手机号码,通过手机号码请求后台数据,若登录成功后
3、在页面调用return_login(e)方法,判断e携带的值是否请求成功。
4、若成show_empower变为false,弹窗会消失
注意:
1、force参数是控制是否强制登录。若非强制,点击组件空白处会关闭弹窗
2、里面已经封装好请求后端的登录数据,调用即可。