gdxz/miniprogram-wxAppPatient
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

隐私授权弹窗

Browse Source
This commit is contained in:
zoujiandong 2023-12-20 10:13:49 +08:00
parent 64b3c0c2ff
commit 49c01e8922
7 changed files with 194 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages/index/index.js
View File

@ -143,6 +143,9 @@ Page({
onConfirmEntry(){
//wx.setStorageSync('hasEntry', true);
this.setData({
showEntryTip:false
})
wx.showTabBar({
animation: true
})

46
pages/index/index.wxml
View File

@ -46,7 +46,7 @@
<van-overlay show="{{ showIntro }}" lock-scroll="{{true}}" z-index="9999" custom-class="mask">
<view class="introbox">
<image src="{{img_host+'/intro.png'}}" class="introimg" mode='widthFix'></image>
<view class="btnbox">
<view class="btnbox_know">
<view class="btn" bindtap="closeIntro">
我知道了
</view>
@ -174,12 +174,48 @@
</view>
<dialog bind:confirm="confirm" showDialog="{{showAlert}}" message="确定删除该服务过的医生？"></dialog>
<dialog showDialog="{{showCode}}" message="{{codeMsg}}"></dialog>
<van-dialog zIndex="9999" use-slot title="温馨提示" show="{{ showEntryTip }}" show-cancel-button confirm-button-text="同意并继续" cancel-button-text="不同意" confirm-button-color="#3CC7C0" bind:confirm="onConfirmEntry" bind:cancel="onCloseEntry" before-close="{{beforeClose}}" confirm-button-open-type="agreePrivacyAuthorization">
<van-overlay show="{{ showEntryTip }}" zIndex="9999">
<view class="wrapper">
<view class="privacyBox">
<view class="title">温馨提示</view>
<view class="entrymsg">
<view> 亲爱的用户，感谢您信任并使用肝胆相照互联网医院！我们依据最新法律法规的要求，制定了<text class="navigator" bindtap="goAgreement" data-id="2">《隐私协议》</text>。请您仔细阅《隐私协议》，并确认了解我们对您的个人信息处理原则。</view>
<view>如您同意《隐私协议》，请点击“同意”开始使用我们的产品和服务。</view>
</view>
<view class="btnbox">
<view class="cancel" bindtap="onCloseEntry">不同意</view>
<button id="agree-btn"
plain
class="confirm"
open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="onConfirmEntry">同意并继续</button>
</view>
</view>
</view>
</van-overlay>
<!-- <van-dialog zIndex="9999" use-slot title="温馨提示" show="{{ showEntryTip }}" show-cancel-button confirm-button-text="同意并继续" cancel-button-text="不同意" confirm-button-color="#3CC7C0" bind:confirm="onConfirmEntry" bind:cancel="onCloseEntry" before-close="{{beforeClose}}" confirm-button-open-type="agreePrivacyAuthorization">
<view class="entrymsg">
<view> 亲爱的用户，感谢您信任并使用肝胆相照互联网医院！我们依据最新法律法规的要求，制定了<text class="navigator" bindtap="goAgreement" data-id="2">《隐私协议》</text>。请您仔细阅《隐私协议》，并确认了解我们对您的个人信息处理原则。</view>
<view>如您同意《隐私协议》，请点击“同意”开始使用我们的产品和服务。</view>
</view>
</van-dialog>
<van-dialog zIndex="99999" title="温馨提示" show="{{ showEntryTip_second }}" message="很抱歉，如您不同意《隐私协议》，可能无法继续正常使用我们的服务，请您先同意哦~" show-cancel-button confirm-button-text="好的" cancel-button-text="不同意" confirm-button-color="#3CC7C0" bind:confirm="onConfirmEntry_second" bind:cancel="onCloseEntry_second">
</van-dialog>
</van-dialog> -->
<van-overlay show="{{ showEntryTip_second }}" zIndex="99999">
<view class="wrapper">
<view class="privacyBox">
<view class="title">温馨提示</view>
<view class="entrymsg" >
<view> 很抱歉，如您不同意《隐私协议》，可能无法继续正常使用我们的服务，请您先同意哦~</view>
</view>
<view class="btnbox">
<view class="cancel" bindtap="onCloseEntry_second">不同意</view>
<button id="agree-btn"
plain
class="confirm"
bindtap="onConfirmEntry_second">好的</button>
</view>
</view>
</view>
</van-overlay>
<!-- <van-dialog zIndex="99999" title="温馨提示" show="{{ showEntryTip_second }}" message="很抱歉，如您不同意《隐私协议》，可能无法继续正常使用我们的服务，请您先同意哦~" show-cancel-button confirm-button-text="好的" cancel-button-text="不同意" confirm-button-color="#3CC7C0" bind:confirm="onConfirmEntry_second" bind:cancel="onCloseEntry_second">
</van-dialog> -->

53
pages/index/index.wxss
View File

@ -285,7 +285,7 @@
width:100%;
bottom:0rpx;
}
.btnbox{
.btnbox_know{
position: absolute;
width:100%;
bottom: 60rpx;
@ -507,4 +507,53 @@
}
.viewcell .left{
position: relative;
}
}
.wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.privacyBox {
width:90%;
background-color: #fff;
border-radius: 30rpx;
}
.privacyBox .title{
margin: 0;
text-align: center;
font-weight: 500;
line-height:24px;
padding-top:24px;
text-align: center;
font-size:16px;
}
.privacyBox .btnbox{
display: flex;
align-items: center;
border-top:1rpx solid #efefef;
width:100%;
font-size: 17px;
}
.privacyBox .btnbox .cancel{
flex:1;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.privacyBox .btnbox .confirm{
margin: 0;
height: 50px;
padding: 0;
color: #3CC7C0;
flex:1;
font-size: 17px;
border: none!important;
border-left:1rpx solid #efefef!important;
display: flex;
background-color: none!important;
justify-content: center;
align-items: center;
}

3
pages/login/login.js
View File

@ -39,6 +39,9 @@ Page({
},
onConfirmEntry(){
this.setData({
showEntryTip:false
})
//wx.setStorageSync('hasEntry', true);
},
onCloseEntry(){

1
pages/login/login.json
View File

@ -1,5 +1,6 @@
{
"usingComponents": {
"van-overlay": "@vant/weapp/overlay/index",
"van-dialog": "@vant/weapp/dialog/index"
},
"navigationBarTitleText": "登录"

47
pages/login/login.wxml
View File

@ -4,7 +4,7 @@
<image src="https://img.applets.igandanyiyuan.com/applet/patient/static/logo.png"></image>
<text class="desc">你好！欢迎登录肝胆相照互联网医院</text>
</view>
<view class="btnbox">
<view class="btnbox_shouquan">
<button type="primary" bindtap="handleAgree" wx:if="{{check==0}}">手机号快捷登录</button>
<button type="primary" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" wx:else>手机号快捷登录</button>
<view class="checkbox">
@ -20,7 +20,26 @@
</view>
<view class="footer" bindtap="goMobile">输入手机号登录/注册</view>
</view>
<van-dialog
<van-overlay show="{{ showEntryTip }}" zIndex="9999">
<view class="wrapper">
<view class="privacyBox">
<view class="title">温馨提示</view>
<view class="entrymsg">
<view> 亲爱的用户，感谢您信任并使用肝胆相照互联网医院！我们依据最新法律法规的要求，制定了<text class="navigator" bindtap="goAgreement" data-id="2">《隐私协议》</text>。请您仔细阅《隐私协议》，并确认了解我们对您的个人信息处理原则。</view>
<view>如您同意《隐私协议》，请点击“同意”开始使用我们的产品和服务。</view>
</view>
<view class="btnbox">
<view class="cancel" bindtap="onCloseEntry">不同意</view>
<button id="agree-btn"
plain
class="confirm"
open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="onConfirmEntry">同意并继续</button>
</view>
</view>
</view>
</van-overlay>
<!-- <van-dialog
use-slot
title="温馨提示"
show="{{ showEntryTip }}"
@ -38,8 +57,26 @@
<view>如您同意《隐私协议》，请点击“同意”开始使用我们的产品和服务。</view>
</view>
</van-dialog>
<van-dialog
</van-dialog> -->
<van-overlay show="{{ showEntryTip_second }}" zIndex="99999">
<view class="wrapper">
<view class="privacyBox">
<view class="title">温馨提示</view>
<view class="entrymsg" >
<view> 很抱歉，如您不同意《隐私协议》，可能无法继续正常使用我们的服务，请您先同意哦~</view>
</view>
<view class="btnbox">
<view class="cancel" bindtap="onCloseEntry_second">不同意</view>
<button id="agree-btn"
plain
class="confirm"
bindtap="onConfirmEntry_second">好的</button>
</view>
</view>
</view>
</van-overlay>
<!-- <van-dialog
title="温馨提示"
show="{{ showEntryTip_second }}"
message="很抱歉，如您不同意《隐私协议》，可能无法继续正常使用我们的服务，请您先同意哦~"
@ -50,4 +87,4 @@
bind:confirm="onConfirmEntry_second"
bind:cancel="onCloseEntry_second"
>
</van-dialog>
</van-dialog> -->

56
pages/login/login.wxss
View File

@ -3,8 +3,8 @@
.logobox{display: flex;flex-direction: column;margin-top: 122rpx;}
.logobox image{width: 275rpx;height:56rpx}
.logobox .desc{font-size: 40rpx;margin-top: 42rpx;}
.btnbox{width:100%;margin-top: 280rpx;}
.btnbox button{display:flex;width:100%;font-size:36rpx;height: 94rpx;background: #09BB07;border-radius: 47rpx;color: #FFFFFF;align-items: center;justify-content: center;font-weight: normal;}
.btnbox_shouquan{width:100%;margin-top: 280rpx;}
.btnbox_shouquan button{display:flex;width:100%;font-size:36rpx;height: 94rpx;background: #09BB07;border-radius: 47rpx;color: #FFFFFF;align-items: center;justify-content: center;font-weight: normal;}
.checkbox{display: flex;margin-top: 40rpx;font-size: 28rpx;align-items: flex-start;height:40rpx;}
.checkbox view{width: 40rpx;height:40rpx;margin-right:14rpx;border-radius: 50%;display: flex;align-items: center;position: relative;}
.checkbox .check{width: 40rpx;height:40rpx;opacity: 0;}
@ -40,4 +40,54 @@
}
.navigator{
color:#3CC7C0
}
}
.wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.privacyBox {
width:90%;
background-color: #fff;
border-radius: 30rpx;
}
.privacyBox .title{
margin: 0;
text-align: center;
font-weight: 500;
line-height:24px;
padding-top:24px;
text-align: center;
font-size:16px;
}
.privacyBox .btnbox{
display: flex;
align-items: center;
border-top:1rpx solid #efefef;
width:100%;
font-size: 17px;
}
.privacyBox .btnbox .cancel{
flex:1;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.privacyBox .btnbox .confirm{
margin: 0;
height: 50px;
padding: 0;
color: #3CC7C0;
flex:1;
font-size: 17px;
border: none!important;
border-left:1rpx solid #efefef!important;
display: flex;
background-color: none!important;
justify-content: center;
align-items: center;
}