From ec747878d87f585d8db86a65b4e3f78980fae31d Mon Sep 17 00:00:00 2001
From: yanyilin <yanyilin@dcloud.io>
Date: Tue, 23 Jan 2024 19:59:45 +0800
Subject: [PATCH] =?UTF-8?q?z-index=E7=A4=BA=E4=BE=8B=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E9=80=82=E9=85=8Dweb=E7=AB=AF=E7=9A=84=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/CSS/layout/z-index.uvue | 39 ++++++++++++++++++++++++-----------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/pages/CSS/layout/z-index.uvue b/pages/CSS/layout/z-index.uvue
index 64425e22..6e88bed6 100644
--- a/pages/CSS/layout/z-index.uvue
+++ b/pages/CSS/layout/z-index.uvue
@@ -1,11 +1,11 @@
 <template>
   <view style="flex-grow: 1;">
     <view>
-      <view class="common fixed" style="background-color: red;z-index: 10;">
+      <view class="common fixed default">
         <text>position: fixed</text>
         <text>z-index: 10</text>
       </view>
-      <view class="common fixed" style="background-color: green;z-index: 5;top: 87px;left: 87px;">
+      <view class="common fixed specified">
         <text>position: fixed</text>
         <text>z-index: 5</text>
       </view>
@@ -43,14 +43,29 @@
 </script>
 
 <style>
-  .common {
-    width: 125px;
-    height: 125px;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .fixed {
-    position: fixed;
-  }
+.common {
+  width: 125px;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
+}
+.fixed {
+  position: fixed;
+}
+.default {
+  background-color: red;
+  z-index: 10;
+  top: var(--window-top);
+}
+.specified {
+  background-color: green;
+  z-index: 5;
+  left: 87px;
+  /* #ifdef APP */
+  top: 87px;
+  /* #endif */
+  /* #ifdef H5 */
+  top: calc(var(--window-top) + 87px);
+  /* #endif */
+}
 </style>
-- 
GitLab