From 4114898293adf69215976e791a6cf3d36659599d Mon Sep 17 00:00:00 2001
From: fxy060608 <fxy060608@gmail.com>
Date: Wed, 22 May 2019 21:06:37 +0800
Subject: [PATCH] =?UTF-8?q?fix(h5):=20web-view=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E5=8A=A0=E8=BD=BD(http://ask.dcloud.net.cn/q?=
 =?UTF-8?q?uestion/71466)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../h5/view/components/web-view/index.vue     | 78 +++++++++++++------
 1 file changed, 55 insertions(+), 23 deletions(-)

diff --git a/src/platforms/h5/view/components/web-view/index.vue b/src/platforms/h5/view/components/web-view/index.vue
index 5c1302345..6e260a992 100644
--- a/src/platforms/h5/view/components/web-view/index.vue
+++ b/src/platforms/h5/view/components/web-view/index.vue
@@ -1,25 +1,57 @@
-<template>
-  <uni-web-view>
-    <iframe
-      :src="$getRealPath(src)"
-      frameborder="0"
-      width="100%"
-      height="100%" />
-  </uni-web-view>
-</template>
-<script>
-export default {
-  name: 'WebView',
-  props: {
-    src: {
-      type: String,
-      default: ''
+<template>
+  <uni-web-view />
+</template>
+<script>
+export default {
+  name: 'WebView',
+  props: {
+    src: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    src (val, oldVal) {
+      this.iframe && (this.iframe.src = this.$getRealPath(this.src))
     }
-  }
-}
-</script>
-<style>
-	uni-web-view iframe {
-		position: absolute;
-	}
+  },
+  mounted () {
+    const {
+      top,
+      bottom,
+      width,
+      height
+    } = this.$el.getBoundingClientRect()
+
+    this.iframe = document.createElement('iframe')
+    this.iframe.style.position = 'absolute'
+    this.iframe.style.display = 'block'
+    this.iframe.style.border = 0
+    this.iframe.style.top = top + 'px'
+    this.iframe.style.bottom = bottom + 'px'
+    this.iframe.style.width = width + 'px'
+    this.iframe.style.height = height + 'px'
+    this.iframe.src = this.$getRealPath(this.src)
+
+    document.body.appendChild(this.iframe)
+  },
+  activated () {
+    this.iframe.style.display = 'block'
+  },
+  deactivated () {
+    this.iframe.style.display = 'none'
+  },
+  beforeDestroy () {
+    document.body.removeChild(this.iframe)
+  }
+}
+</script>
+<style>
+    uni-web-view {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    }
 </style>
-- 
GitLab