微信小程序---强制用户授权登录

最新推荐文章于 2024-07-31 17:45:45 发布

ZhangXD_BLOG

最新推荐文章于 2024-07-31 17:45:45 发布

阅读量7.8k

点赞数 1

本文链接：https://blog.csdn.net/u012054869/article/details/87093768

版权

本文介绍如何在微信小程序中强制用户进行授权登录。通过展示wxml页面结构，wxss样式设计以及js代码实现，详细阐述了授权登录的流程和关键步骤。

摘要由CSDN通过智能技术生成

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样式：