微信小程序

微信小程序

一、展示效果

二、使用方法：

 在资源处下载后

在调用页面
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、里面已经封装好请求后端的登录数据，调用即可。