uniapp 微信小程序弹窗用户授权

效果图

 <view class="mask" ></view><view class="model_box" ><view class="mb-tit">用户协议和隐私政策</view><view class="mb-content"><view class="mb-con">尊敬的用户您好！</view><view class="mb-con">请您务必认真阅读、充分理解“用户协议”和“隐私政策”各条款，包括但不限于为了向您提供数据、分享、统计等服务所要获取的权限信息。</view><view class="mb-con1"><navigator class="mb-a" url="../../user/setUp/userAgreement/userAgreement">《用户协议》</navigator>和<navigator class="mb-a" url="../../user/setUp/privacyPolicy/privacyPolicy">《隐私政策》</navigator></view><text>请您仔细阅读上方的的用户协议与隐私政策，请点击同意接受我们的服务</text></view><view class="checkbox"><!-- <view class="qx" bindtap="qx">取消</view> --><view class="qr"><!-- <view style="font-size:22rpx;position:absolute;left:5%;display:flex;align-items:center;"><checkbox value="cb" checked="" bindtap="cb"/>勾选代表同意本协议的相关规定</view> --><navigator class="noUse" target="miniProgram" open-type="exit">暂不使用</navigator><view class="agree" @click="agree">同意</view></view></view></view>

.mask {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;
}
.model_box {width: 80%;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;background: #fff;// height:48%;border-radius: 15rpx;
}
.mb-content {padding: 10rpx 20rpx 10rpx 25rpx;box-sizing: border-box;height: 80%;overflow: scroll;
}
.mb-tit {padding: 15rpx 0rpx;box-sizing: border-box;font-size: 34rpx;text-align: center;
}
.mb-con {font-size: 30rpx;text-indent: 2rem;line-height: 1.5;
}
.mb-con1 {font-size: 30rpx;text-indent: 2rem;display: flex;.mb-a {width: 180rpx;height: 40rpx;display: inline-block;padding: 0;margin: 0;color: #006df7;text-decoration: underline;text-indent: 0rem;}
}
.checkbox {display: flex;justify-content: center;align-items: center;height: 11%;
}
.checkbox .qx {width: 50%;text-align: center;border-right: 1rpx solid #efefef;
}
.qr {position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;box-szing: border-box;font-size: 30rpx;padding: 0;padding-right: 30rpx;.noUse {width: 50%;text-align: center;border-right: 1rpx solid #f3f3f3;color: #bbbbbb;padding-bottom: 15rpx;}.agree {width: 50%;text-align: center;font-size: 30rpx;color: #006df7;padding-bottom: 15rpx;}
}

uniapp 微信小程序弹窗用户授权相关推荐

微信小程序之用户授权
用户授权今天我们来讲解微信小程序之用户授权,首先这个我们得分2种情况:1.弹出授权框用户点击允许 2.弹出授权框用户点击拒绝第一种情况: 很好处理,这里就不多做介绍,按正常的走就可以了第二种情况 ...
【微信小程序】用户授权及getUserProfile接口使用
小程序登录.用户信息相关接口调整说明为优化用户的使用体验,平台将进行以下调整: 1,2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取un ...
微信小程序云开发用户身份登录_微信小程序开发用户授权登录(下)
如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程序),用户的 Un ...
微信中html5获取手机号,微信小程序通过用户授权获取手机号
这篇文章主要介绍了微信小程序如何通过用户授权获取手机号(getPhoneNumber),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序有一个获 ...
微信小程序开发 - 用户授权登陆
本篇将帮助读者实现基于微信开发者工具 & C#环境下的用户在小程序上的授权登陆. 准备: 微信开发者工具下载地址:https://developers.weixin.qq.com/mini ...
微信小程序：用户授权登录
点击"微信一键登录"按钮,触发login_weixi事件先查看是否勾选了底部按钮,勾选了就获取用户信息,每次请求成功都会弹出授权窗口,把用户信息缓存到storage里面,方便下次 ...
微信小程序弹出用户授权弹窗，微信小程序引导用户授权，获取位置经纬度
我们在开发小程序时,有些操作必须让用户授权.比如我们获取用户位置,需要用户授权位置信息.授权操作我们需要给用户弹窗提示,在用户禁用某些权限时,又要引导用户去设置页开启相应权限.我们这里就以获取经纬度为 ...
uniapp 微信小程序获取用户信息、手机号
<template><view><view><button type="primary ...
微信小程序发起用户授权
第一步先通过wx.getSetting()获取用户的当前设置,返回值中只会出现小程序已经向用户请求过的权限. 第二步判断用户是否已经授权某项设置, 如果某项设置(如:scope.userLocat ...
【微信小程序】用户授权以及判断登录是否过期的方法
实现效果场景在打开小程序时判断用户是否过期(如果未过期则重新登录),然后获取用户信息,进而在前台显示: 主要实现两个功能: 判断登录是否过期,如果过期则就重新登录,如果没过期就提示未过期: 获取用 ...

uniapp 微信小程序弹窗用户授权

uniapp 微信小程序弹窗用户授权相关推荐

最新文章

热门文章

uniapp 微信小程序 弹窗 用户授权

uniapp 微信小程序 弹窗 用户授权相关推荐

最新文章

热门文章

uniapp 微信小程序弹窗用户授权

uniapp 微信小程序弹窗用户授权相关推荐