From a4c1a4a0664bc0ff5c80bae0c6bb8ffe6a0b5a32 Mon Sep 17 00:00:00 2001
From: yinjiacheng <yinjiacheng@dcloud.io>
Date: Mon, 22 Apr 2024 16:13:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0web-view=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/component/web-view/web-view.uvue | 34 +++++++++++++++-----------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/pages/component/web-view/web-view.uvue b/pages/component/web-view/web-view.uvue
index 731d6062..d6b9443f 100644
--- a/pages/component/web-view/web-view.uvue
+++ b/pages/component/web-view/web-view.uvue
@@ -6,24 +6,30 @@
     </web-view>
     <!-- #ifdef APP -->
     <view class="uni-padding-wrap uni-common-mt">
-      <view class="uni-input-v">
+      <view class="uni-btn-v">
         <input class="uni-input" confirmType="go" placeholder="输入网址跳转" @confirm="confirm" maxlength="-1"/>
       </view>
       <view class="uni-row uni-btn-v">
         <button class="uni-flex-item" type="primary" @click="back">后退</button>
-        <button class="uni-btn-ml uni-flex-item" type="primary" @click="forward">前进</button>
+        <button class="margin-left-5 uni-flex-item" type="primary" @click="forward">前进</button>
       </view>
       <view class="uni-row uni-btn-v">
         <button class="uni-flex-item" type="primary" @click="reload">重新加载</button>
-        <button class="uni-btn-ml uni-flex-item" type="primary" @click="stop">停止加载</button>
+        <button class="margin-left-5 uni-flex-item" type="primary" @click="stop">停止加载</button>
       </view>
       <view class="uni-btn-v">
         <button type="primary" @click="nativeToWeb">原生和Web通信</button>
       </view>
       <!-- #ifdef APP-ANDROID -->
-      <view class="uni-row">
-        <boolean-data :defaultValue="true" title="显示横向滚动条" @change="changeHorizontalScrollBarAccess"></boolean-data>
-        <boolean-data :defaultValue="true" title="显示竖向滚动条" @change="changeVerticalScrollBarAccess"></boolean-data>
+      <view class="uni-row uni-btn-v">
+        <view class="uni-row uni-flex-item align-items-center">
+          <text>显示横向滚动条</text>
+          <switch class="margin-left-5" :checked="true" @change="changeHorizontalScrollBarAccess"></switch>
+        </view>
+        <view class="uni-row uni-flex-item align-items-center">
+          <text>显示竖向滚动条</text>
+          <switch class="margin-left-5" :checked="true" @change="changeVerticalScrollBarAccess"></switch>
+        </view>
       </view>
       <!-- #endif -->
     </view>
@@ -97,22 +103,22 @@
         }
         this.src = url;
       },
-      changeHorizontalScrollBarAccess(checked : boolean) {
-        this.horizontalScrollBarAccess = checked;
+      changeHorizontalScrollBarAccess(event : UniSwitchChangeEvent) {
+        this.horizontalScrollBarAccess = event.detail.value;
       },
-      changeVerticalScrollBarAccess(checked : boolean) {
-        this.verticalScrollBarAccess = checked;
+      changeVerticalScrollBarAccess(event : UniSwitchChangeEvent) {
+        this.verticalScrollBarAccess = event.detail.value;
       }
     }
   }
 </script>
 
 <style>
-  .uni-input-v {
-    padding: 5px 0;
+  .margin-left-5 {
+    margin-left: 5px;
   }
 
-  .uni-btn-ml {
-    margin-left: 5px;
+  .align-items-center {
+    align-items: center;
   }
 </style>
-- 
GitLab