From 0bd510b13d24b9e8796fb76d6d8791fc45c01c88 Mon Sep 17 00:00:00 2001
From: hbcui1984 <hbcui1984@163.com>
Date: Tue, 30 Oct 2018 12:12:30 +0800
Subject: [PATCH] =?UTF-8?q?hello=20uni-app=20=E6=96=B0=E5=A2=9E=20web-view?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=8A=A0=E8=BD=BD=E6=9C=AC=E5=9C=B0html?=
 =?UTF-8?q?=E7=9A=84=E7=A4=BA=E4=BE=8B=EF=BC=88=E4=BB=85App=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E7=94=9F=E6=95=88=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/hello-uniapp/hybrid/html/local.html  | 72 +++++++++++++++++++
 .../web-view-local/web-view-local.vue         | 13 ++++
 2 files changed, 85 insertions(+)
 create mode 100644 examples/hello-uniapp/hybrid/html/local.html
 create mode 100644 examples/hello-uniapp/platforms/app-plus/web-view-local/web-view-local.vue
diff --git a/examples/hello-uniapp/hybrid/html/local.html b/examples/hello-uniapp/hybrid/html/local.html
new file mode 100644
index 000000000..05578cee1
--- /dev/null
+++ b/examples/hello-uniapp/hybrid/html/local.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>local web-view</title>
+        <style type="text/css">
+            .btn {
+                display: block;
+                margin: 20px auto;
+                padding: 5px;
+                background-color: #007aff;
+                border: 0;
+                color: #ffffff;
+                height: 40px;
+                width: 200px;
+            }
+
+            .btn-red {
+                background-color: #dd524d;
+            }
+
+            .btn-yellow {
+                background-color: #f0ad4e;
+            }
+
+            .desc {
+                padding: 10px;
+                color: #999999;
+            }
+        </style>
+    </head>
+    <body>
+        <p class="desc">web-view 组件加载本地 html 示例，仅在 App 环境下生效。点击下列按钮，跳转至其它页面。</p>
+        <div class="btn-list">
+            <button class="btn" type="button" data-action="navigateTo">navigateTo</button>
+            <button class="btn" type="button" data-action="redirectTo">redirectTo</button>
+            <button class="btn" type="button" data-action="navigateBack">navigateBack</button>
+            <button class="btn" type="button" data-action="reLaunch">reLaunch</button>
+            <button class="btn btn-red" type="button" data-action="switchTab">switchTab</button>
+        </div>
+        <!-- uni 的 SDK -->
+        <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.0.1.52.js"></script>
+        <script type="text/javascript">
+            document.addEventListener('UniAppJSBridgeReady', function() {
+                document.querySelector('.btn-list').addEventListener('click', function(evt) {
+                    var target = evt.target;
+                    if (target.tagName === 'BUTTON') {
+                        var action = target.getAttribute('data-action');
+                        switch (action) {
+                            case 'switchTab':
+                                uni.switchTab({
+                                    url: '/pages/tabBar/API/API'
+                                });
+                                break;
+                            case 'navigateBack':
+                                uni.navigateBack({
+                                    delta: 1
+                                });
+                                break;
+                            default:
+                                uni[action]({
+                                    url: '/pages/component/button/button'
+                                });
+                                break;
+                        }
+                    }
+                });
+            });
+        </script>
+    </body>
+</html>
diff --git a/examples/hello-uniapp/platforms/app-plus/web-view-local/web-view-local.vue b/examples/hello-uniapp/platforms/app-plus/web-view-local/web-view-local.vue
new file mode 100644
index 000000000..1ac818a39
--- /dev/null
+++ b/examples/hello-uniapp/platforms/app-plus/web-view-local/web-view-local.vue
@@ -0,0 +1,13 @@
+<template>
+    <view>
+        <web-view src="/hybrid/html/local.html"></web-view>
+    </view>
+</template>
+
+<script>
+    export default {}
+</script>
+
+<style>
+
+</style>
-- 
GitLab

