From 6e3785562747982625fdc36178d12820ffa07092 Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Mon, 22 Jan 2024 15:51:57 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=88=AA=E5=9B=BE=E5=AF=B9=E6=AF=94?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B=E4=BC=98=E5=8C=96=E9=A1=B6=E9=83=A8=E5=8D=A0?=
 =?UTF-8?q?=E4=BD=8D=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webview-screenshot-comparison.uvue              | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue b/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue
index d05d877b..8e598de9 100644
--- a/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue
+++ b/pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view v-if="!isCustomNavigationBar" :style="placeholderStyle"></view>
+  <view v-if="!isCustomNavigationBar" class="top-placehoder"></view>
   <web-view id="webview-screenshot-comparison" class="webview-screenshot-comparison" :webview-styles="webviewStyles"
     :src="src" @loaded="loaded" @error="error">
   </web-view>
@@ -17,11 +17,6 @@
         isLoaded: false,
         statusBarHeight: state.statusBarHeight,
         isCustomNavigationBar: false,
-        placeholderStyle: {
-          display: 'block',
-          height: `${state.statusBarHeight}px`,
-          backgroundColor: '#007aff'
-        },
         devicePixelRatio: state.devicePixelRatio,
         webviewStyles: {
           progress: false
@@ -58,7 +53,11 @@
     }
   }
 </script>
-<style>
+<style>
+  .top-placehoder{
+    height: var(--status-bar-height);
+    background-color: #007aff;
+  }
   .webview-screenshot-comparison {
     flex: 1;
   }
-- 
GitLab