小程序弹出登录询问

最新推荐文章于 2024-04-16 03:38:47 发布

前端王小婷

最新推荐文章于 2024-04-16 03:38:47 发布

阅读量1.8k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44763569/article/details/89399446

版权

本文介绍了小程序在用户首次登录时如何实现登录按钮遮罩浮层提示授权，并详细阐述了授权后的不同操作对界面数据加载的影响。当用户拒绝授权时，界面无法加载数据，而允许授权则能正常渲染。此外，还讨论了如何判断并处理已授权用户的登录行为，避免重复显示登录悬浮框。代码示例包括index.html、index.wxss和index.js，js代码中涉及与后台数据库交互以存储授权信息。

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

逻辑如下：
1：第一次登陆的时候会有一个登录按钮遮罩浮层提示去授权登录

2：在弹出的授权框里，拒绝授权按钮的时候，界面的数据没有办法加载出来，允许授权的时候，界面就能渲染从后端拿过来的数据

3：判断是否授过权（判断是第一次登录还是第n次），如果用户第一次已经登录授权，后面继续登录的时候悬浮框就不会再出现

效果如下：

fDpAfv9qJw.gif

index.html

  <!--  授权弹框提示  -->
 <view class="container">
  <view class="float" hidden='{
  {viewShowed}}'>
    <view class='floatContent'>
      <view class='floatText'>
        <text>获取微信授权信息</text>
        <button open-type="getUserInfo" bindgetuserinfo="getUserInfo">去设置</button>
      </view>
    </view>
  </view>
</view>