Browse Source

修改隐私协议

master
396316021 1 year ago
parent
commit
624036bf0d
  1. 43
      pages/Sign/Sign.js
  2. 47
      pages/Sign/Sign.wxml
  3. 16
      pages/Sign/Sign.wxss

43
pages/Sign/Sign.js

@ -1,3 +1,5 @@
import until from "../../utils/common";
let common = getApp().globalData.commonFun;
let util = getApp().globalData.utilFun;
Page({
@ -7,7 +9,10 @@ Page({
*/
data: {
tel:"",//手机号
password:""// 密码
password:"",// 密码
isRead:false,
privateStatus:false,
showPrivate:true,
},
/**
@ -15,6 +20,18 @@ Page({
*/
onLoad: function(options) {
},
showTips(){
until.showTimeToast('请先阅读隐私协议');
},
clickPrivate(){
this.setData({
isRead:!this.data.isRead
});
console.log(this.data.isRead)
},
showPrivate(){
wx.openPrivacyContract({});
},
// 手机号
tel (e) {
@ -90,11 +107,33 @@ Page({
}
})
},
handleAgreePrivacyAuthorization() {
this.setData({
privateStatus: false,
showPrivate: false,
});
},
showPrivatePopup() {
this.setData({
showPrivate: true,
});
},
handleDisagree() {
this.setData({showPrivate: false});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
wx.getPrivacySetting({
success: res => {
console.log("是否需要授权:", res.needAuthorization, "隐私协议的名称为:", res.privacyContractName)
this.setData({privateStatus:res.needAuthorization})
},
fail: () => {
},
complete: () => {},
})
},
/**

47
pages/Sign/Sign.wxml

@ -10,10 +10,55 @@
<input placeholder="请输入手机号" class="sign_input" type="number" bindinput="tel"></input>
<input placeholder="请输入密码" password class="sign_input" bindinput="passwords"></input>
</view>
<view class="sign_dv" bindtap="sign">登录</view>
<view wx:if="{{!isRead}}" class="sign_dv" bindtap="showTips">登录</view>
<view wx:elif="{{privateStatus}}" class="sign_dv" bindtap="showPrivatePopup">登录</view>
<view wx:else class="sign_dv" bindtap="sign">登录</view>
<navigator url="/pages/Forget password/Forget password" hover-class="none">
<view class="sign_box"> 忘记密码</view>
</navigator>
<view class="private-container" style="position:fixed;bottom:50rpx;left:0;width:100%;">
<view class="checkbox" style="display:flex;justify-content:center;align-items:center;">
<view class="box" style="margin-right:10rpx;padding:5rpx;width:28rpx;height:28rpx;border:2rpx solid;border-color:{{ isRead ? '#ff7437' : '#999999' }};border-radius:50%;" bindtap="clickPrivate">
<view class="icon" style="background-color:{{ isRead ? '#ff7437' : 'transparent' }};border-radius:50%;width:100%;height:100%;"></view>
</view>
<view class="label" style="line-height:50rpx;">
<text bindtap="clickPrivate">请阅读并同意</text>
<text bindtap="showPrivate" style="color:#ff7437;">《小程序隐私协议》</text></view>
</view>
</view>
<view wx:if="{{showPrivate}}" :is-mask-click="false" round="20" mode="bottom" class="privatePopup">
<view class="popup-box" style="box-sizing:border-box;padding:40rpx">
<view style="padding:20rpx 0;">
<text bold text="用户隐私保护提示" color="#020b18" size="32"></text>
</view>
<view class="row">
<view class="">
<text color="#020b18" line-height="50" text="用户隐私保护提示" size="28"></text>
</view>
<view class="">
<text style="color:#178AF2;font-size:28rpx;line-height:50rpx;" bindtap="showPrivate">《小程序隐私保护指引》</text>
</view>
<view class="">
<text style="color:#020b18;font-size:28rpx;line-height:50rpx;">当您点击同意并开始使用产品服务时,即表示你已理解并同意该条款内容,该条款将对您产生法律约束力。如您拒绝,将无法更好的体验产品。</text>
</view>
</view>
<view class="row" style="padding:30rpx;display:flex;box-sizing:border-box;">
<view class="col-6" style="padding:15rpx;flex:0 0 50%;box-sizing:border-box;">
<button bindtap="handleDisagree" style="width:100%;border:1rpx solid #999;">拒绝</button>
</view>
<view class="col-6" style="padding:15rpx;flex:0 0 50%;box-sizing:border-box;">
<button id="agree-btn" open-type="agreePrivacyAuthorization" color="#45C55E" class="weui-btn agree"
bindagreeprivacyauthorization="handleAgreePrivacyAuthorization" style="background-color:#ff7437;color:#fff;width:100%;border:1rpx solid transparent;">同意</button>
</view>
</view>
</view>
</view>
<!-- <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" hover-class="none">
<image src="../../img/weixing.png" class="sign_img" mode="widthFix"></image>
</button> -->

16
pages/Sign/Sign.wxss

@ -38,4 +38,18 @@
left: 50%;
transform: translate(-50%,-90%)
}
.privatePopup{
position: fixed;
bottom:0rpx;
left:0;
box-sizing:border-box;
width:100%;
height:100%;
background-color:rgba(0,0,0,.5)
}
.privatePopup .popup-box{
position: absolute;
bottom:30rpx;
border-radius:30rpx;
background-color:#fff;
}

Loading…
Cancel
Save