E企盈营销工具技术服务商 热线:4006-838-530

微信小程序强制用户郫县E企盈小程序授权登录

wxml页面:<!--index.wxml--><view class="login" wx:if="{{!hasUserInfo && canIUse}}">  <view wx:if="{{canIUse}}" class='login'>    <view class='header'>      <view class='title'>        <text>授权未来偶像</text>      </view>      <image src='../../image/logo.jpg'></image>    </view>    <view class='content'>      <view>申请获取以下权限:</view>      <text>获得你的公开信息(昵称,头像地址及性别)</text>    </view>    <button class='bottom' type='primary' open-type="getUserInfo" bindgetuserinfo="getUserInfo">      授权登录    </button>  </view>  <view wx:else>请升级微信版本</view></view>

wxss样式:/* 授权登陆弹框 */.login {    width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background: rgba(000, 000, 000, 0.3);    display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  z-index: -9;}.header {  backgr开通血压监测小程序电话:4006-838-530ound: #fff;  text-align: center;  width: 90%;  height: 500rpx;  position: absolute;  top:50%;  left:50%;  margin-left: -45%;  margin-top: -200rpx;  border-radius: 5px;}.header image {  width: 80rp开通靠垫小程序电话:4006-838-530x;  height: 80rpx;  border-radius: 40rpx;  }.header .title {  font-size: 40rpx;  font-weight:开通水槽小程序电话:4006-838-530 800;  padding: 35rpx 0;  }

js:  getUserInfo: function(e) {    if (e.detail.userInfo) {      //获取number      wx.login({        success: res => {          // 发送 res.code 到后台换取 openId, sessionKey, unionId          // console.log(res.code);        }      })    } else {      //用户按了拒绝按钮      wx.showModal({        title: '警告',        content: '您点击了拒绝授权,将无法进入小程序,请授权之后再进入!',        showCancel: false,        confirmText: '返回授权',        success: function(res) {          if (res.confirm) {            // console.log('用户点击了“返回授权”')          }        }      })    }  }

 微信小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序强制用户郫县E企盈小程序授权登录
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏