加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

小程序登录按钮遮罩浮层效果

发布时间:2020-12-14 19:27:58 所属栏目:资源 来源:网络整理
导读:逻辑如下: 1 :第一次登陆的时候会有一个登录按钮遮罩浮层提示去授权登录 2 :在弹出的授权框里,拒绝授权按钮的时候,界面的数据没有办法加载出来,允许授权的时候,界面就能渲染从后端拿过来的数据 3 :判断是否授过权(判断是第一次登录还是第 n 次),

逻辑如下:

  1. 1:第一次登陆的时候会有一个登录按钮遮罩浮层提示去授权登录
  2. 3:判断是否授过权(判断是第一次登录还是第n次),如果用户第一次已经登录授权,后面继续登录的时候悬浮框就不会再出现

效果如下:

index.html

  <!--  授权弹框提示  -->
  • "float"hidden'{{viewShowed}}'>
  • >
  • >
  • <buttonopen-type"getUserInfo"bindgetuserinfo"getUserInfo">去设置</button>
  • </view>
  • </view>
  • index.wxss

    .float {
    
  • width%;
  • background-color rgba(0,0.5);
  • top;
  • }
  • 80 #fff;
  • borderradius20rpx display flex flexdirection column justifycontent spacearound;
  • relative;
  • color#000;
  • index.js

    //index.js
  • var app = getApp()
  • Page({
  • carList[],0);">//车辆数据集合
  • that this //判断是否授权
  • successe{
  • ]){//已经授权
  • }else//没有授权,显示授权框
  • viewShowedfalse }
  • }
  • that({
  • });
  • url "http://localhost:8081/wpDeboServer/wx.do""nickname" userinfonickName
  • 'application/json'
  • success//查询绑定车辆
  • });
  • 90后前端妹子一枚,爱编程,爱运营,爱折腾。长期坚持总结工作中遇到的技术问题。
  • (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读