feat: 优化 chat 对话组件

src/pages/chat/index.vue

@@ -41,39 +41,56 @@
         if (isSameOrigin(new URI(page.link))) {
             page.security = true
         } else {
+            Message.loading()
             // 对于不安全或不信任的网站地址或可能触发 plus API 的来源，采用手动创建 webview 的方式打开
             const webview = plus.webview.create(page.link, 'no-security-webview', {
-                'uni-app': 'none',
-                plusrequire: 'none',
                 progress: page.styles.progress,
             })
-            webview.addEventListener('loaded', () => {
-                // webview.appendJsFile('static/uni.webview.1.5.6.js')
-                webview.setJsFile('_www/static/uni.webview.1.5.6.js')
-                webview.evalJS(`
-                    var style = document.createElement('style')
-                    style.id = 'no-security-webview-style'
-                    style.innerHTML = 'footer, .semi-upload-add { display: none !important; }'
-                    document.body.appendChild(style)
-                    var meta = document.createElement('meta')
-                    meta.name = 'viewport'
-                    meta.content = 'width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'
-                    document.head.appendChild(meta)
-
-                    alert(1)
-                    document.addEventListener('UniAppJSBridgeReady', function() {
-                        uni.getEnv(function(res) {
-                            alert('当前环境：' + JSON.stringify(res));
+            webview.addEventListener(
+                'loaded',
+                () => {
+                    webview.appendJsFile('_www/static/uni.webview.1.5.6.js')
+                    webview.evalJS(`
+                        document.addEventListener('UniAppJSBridgeReady', function() {
+                            uni.getEnv(function(res) {
+                                console.log('当前环境：' + JSON.stringify(res));
+                            })
                         })
-                    })
-                `)
-            })
+
+                        // 禁止页面缩放
+                        var meta = document.createElement('meta')
+                        meta.name = 'viewport'
+                        meta.content = 'width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'
+                        document.head.appendChild(meta)
+
+                        // 隐藏底部描述和图片上传能力
+                        var style = document.createElement('style')
+                        style.id = 'no-security-webview-style'
+                        style.innerHTML = 'footer, .semi-upload-add { display: none !important; } .close-btn { position: absolute; right: 12px; top: 18px; padding: 8px; }'
+                        document.body.appendChild(style)
+
+                        // 添加关闭按钮
+                        var div = document.createElement('div')
+                        div.className = 'close-btn'
+                        div.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"><path fill="#666" d="m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z"/></svg>'
+                        div.onclick = function() {
+                            uni.navigateBack()
+                        }
+                        document.body.appendChild(div)
+                    `)
+                },
+                false,
+            )
 
             const pages = getCurrentPages()
             const currentPage = pages[pages.length - 1]
             const currentWebview = currentPage.$getAppWebview()
             currentWebview.setStyle({ progress: page.styles.progress })
             currentWebview.append(webview)
+
+            setTimeout(() => {
+                Message.hideLoading()
+            }, 1500)
         }
         // #endif
         // #ifndef APP-PLUS