From b276c74be1e601f084a5402ce857c7374a169627 Mon Sep 17 00:00:00 2001
From: xuli3099 <jswawa@qq.com>
Date: Wed, 20 Aug 2025 13:55:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9webview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/h5-webview/h5-webview.vue | 68 ++++++++++++++---------------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/pages/h5-webview/h5-webview.vue b/src/pages/h5-webview/h5-webview.vue
index b7fa2d9..de60676 100644
--- a/src/pages/h5-webview/h5-webview.vue
+++ b/src/pages/h5-webview/h5-webview.vue
@@ -1,39 +1,50 @@
 <template>
 <view id="test">
-    <!-- #ifdef h5 -->
+    <!-- #ifdef H5 -->
     <web-view :src="url"></web-view>
     <!-- #endif -->
 </view>
 </template>
 
 <script setup>
-import { ref,onMounted,getCurrentInstance } from 'vue';
-import { onLoad,onReady,onBackPress } from '@dcloudio/uni-app';
-const { proxy } = getCurrentInstance();
+import { ref,getCurrentInstance } from 'vue';
+import { onLoad,onBackPress } from '@dcloudio/uni-app';
 
-let windowInfo = ref(null);
 let url = ref('');
 let title = ref('');
 onLoad(async(opt) => {
-    console.log(opt)
-    url.value = opt.url;
+    // console.log(opt)
+    url.value = opt.url ;
     title.value = opt.title;
     // #ifdef APP-PLUS
     titleNViewWebview(url.value,title.value);
     // #endif
-    // uni.getSystemInfo({
-    //     success: (res)=> {
-    //         windowInfo.value = res;
-    //         createWvAndLoadUrl(url.value,title.value);
-    //     }
-    // });
 })
 
-
+onBackPress((e)=> {//响应返回事件
+    console.log("onBackPress=>",e)
+    if (e.from === 'navigateBack') {  //这个地方必须要有的，否则会死循环
+        return false;  
+    } 
+    console.log('点击返回....');
+    let pages = getCurrentPages()
+    let page = pages[pages.length - 1];
+    let currentPages = page.$getAppWebview()
+    currentPages.close()
+    uni.navigateBack({delta:2})
+    return true;
+})
 
 // 带标题栏控件的Webview窗口
 let webview = null;
 function titleNViewWebview(url,title) {
+    console.log("titleNViewWebview=>",url,title)
+
+    let nwating = plus.nativeUI.showWaiting("loading...",{
+        width:'110px',
+        padding:'10px'
+    })
+
     webview = plus.webview.create(url, 'test',	{
         titleNView: {
             backgroundColor: '#307AF5',
@@ -41,32 +52,21 @@ function titleNViewWebview(url,title) {
             titleColor: '#ffffff',
             autoBackButton: true,
             backgroundImage:'./../../static/images/bg-Blue-header.png',
-            buttons:[{onclick:clickButton}]
         }
     });
-    webview.addEventListener('close', function(){
-        webview=null;
-    });
-    webview.addEventListener('titleUpdate', function(){
+
+    webview.addEventListener('loaded', function() {
+        nwating.close();
         webview.show();
+    }, false);
+
+    webview.addEventListener('close', function(){
+        console.log("close=>")
+        webview=null;
+        uni.navigateBack();
     });
-    webview.addEventListener('loading', () => {
-        plus.nativeUI.showWaiting("loading...",{
-            width:'110px',
-            padding:'10px'
-        })
-    }, false);
-    //plus.nativeUI.showWaiting()
-    webview.addEventListener('loaded', () => {
-        plus.nativeUI.closeWaiting();
-    }, false);
 }
 
-// 左侧按钮返回
-function clickButton(){
-	// plus.nativeUI.alert('clicked!');
-    webview=null;
-}
 </script>
 
 <style scoped>