隐私授权弹窗

pages/index/index.js

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

pages/index/index.wxml

@@ -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> -->
-<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-overlay show="{{ showEntryTip_second }}" zIndex="99999">
-</van-dialog>
+ <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> -->

pages/index/index.wxss

@@ -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;
+}

pages/login/login.js

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

pages/login/login.json

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

pages/login/login.wxml

@@ -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> -->

pages/login/login.wxss

@@ -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_shouquan{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 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;
+  }
+