调整一键登录自定义授权页以及隐私协议页面

pages/API/get-univerify-manager/full-webview-page.uvue

@@ -2,8 +2,15 @@
   <view class="background">
     <view class="container">
       <view class="nav">
+        <view class="left_content">
           <text class="left_icon" @click="onBack()">{{backIcon}}</text>
         </view>
+
+        <view class="title_content">
+          <text class="title">{{title}}</text>
+        </view>
+
+      </view>
       <web-view class="web_container" :src="url"></web-view>
     </view>
   </view>
@@ -14,18 +21,21 @@
     data() {
       return {
         url: '',
-        backIcon:'\ue601'
+        title: '',
+        animationType: 'slide-out-bottom',
+        backIcon: '\ue601'
       }
     },
     onLoad(options : OnLoadOptions) {
       this.url = options["url"] as string;
+      this.title = options["title"] as string;
+      this.animationType = options["animationType"] as string;
     },
     methods: {
-			onBack(){
-        console.log('click onback');
+      onBack() {
         uni.closeDialogPage({
           dialogPage: this.$page,
-				  animationType:'slide-out-right',
+          animationType: this.animationType,
           success(res) {
             console.log('closeThisDialog success', res)
           },
@@ -44,7 +54,8 @@
     width: 100%;
     height: 100%;
   }
-  .nav{
+
+  .nav {
     height: 45px;
     width: 100%;
     position: relative;
@@ -52,28 +63,50 @@
     justify-content: space-between;
     height: 45px;
   }
-  .left_icon{
-    color: white;
-    top: 5px;
-    left: 15px;
+
+  .left_content {
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 100%;
+  }
+
+  .left_icon {
+    color: white;
+    top: 5px;
+    height: 100%;
     font-family: uni-icon;
     font-size: 26px;
   }
-	.container{
+
+  .title_content {
+    position: absolute;
+    height: 100%;
+    top: 0;
+    bottom: 0;
+    left: 45px;
+    right: 45px;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .title {
+    color: white;
+    font-size: 17px;
+  }
+
+  .container {
     padding-top: var(--status-bar-height);
     width: 100%;
     position: absolute;
     height: 100%;
   }
-	.web_container{
+
+  .web_container {
     background-color: #f1f1f1;
     padding-top: 10px;
     flex: 1;
     width: 100%;
   }
-
 </style>

pages/API/get-univerify-manager/univerify-custom-page.uvue

@@ -9,7 +9,7 @@
       </view>
       <button id="login-button" class="login-button" @click="loginIn">本机号码一键登录</button>
       <view class="privacy">
-        <checkbox id="privacy-checkbox" class="privacy-checkbox" ref="privacy-checkbox" :checked="true"></checkbox>
+        <checkbox id="privacy-checkbox" class="privacy-checkbox" ref="privacy-checkbox" :checked="false"></checkbox>
         <text class="privacy-normal-text">登录即同意</text>
         <text id="privacy-text" class="privacy-text" @click="openLink">{{privacyName}}</text>
       </view>
@@ -51,10 +51,10 @@
         })
       },
       openLink() {
-        let url = '/pages/API/get-univerify-manager/full-webview-page?url=' + this.privacyUrl;
+        let url = '/pages/API/get-univerify-manager/full-webview-page?url=' + this.privacyUrl + '&title=' + this.privacyName + '&animationType=slide-out-bottom';
         uni.openDialogPage({
           url: url,
-          animationType: 'slide-in-right',
+          animationType: 'slide-in-bottom',
           success(res) {
             console.log("打开隐私协议");
           },
@@ -82,13 +82,18 @@
             this.takePhoneNumber(res.accessToken, res.openId);
           },
           fail: (error : LoginFail) => {
-            console.error("login fail => " + error);
             if (error.errCode == 40001){
               uni.showToast({
               	title:"请同意服务条款",
                 icon:'none',
               	duration:2000
               })
+            }else if(error.errCode == 40002){
+              uni.showToast({
+              	title:"授权页不符合规范",
+                icon:'none',
+              	duration:2000
+              })
             }else{
                const errorMsg = JSON.parseObject(error.cause?.cause?.message ?? "")?.getString("errorDesc") ?? error.errMsg;
                uni.showToast({
@@ -96,11 +101,7 @@
                  icon:'none',
                	duration:2000
                })
-               // uni.showModal({
-               //   title: '登录失败',
-               //   content: errorMsg,
-               //   showCancel: false
-               // });
+
             }
           }
         })