From f26ac1dafa887489ac2da55de220ce3116db00c5 Mon Sep 17 00:00:00 2001
From: yanyilin <yanyilin@dcloud.io>
Date: Fri, 26 Jan 2024 12:57:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=AB=96=E6=BB=91=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E7=A4=BA=E4=BE=8B=E7=9A=84=E8=BF=94=E5=9B=9E=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BD=8D=E7=BD=AE=EF=BC=8C=E9=80=82=E9=85=8Dweb?=
 =?UTF-8?q?=E7=AB=AF=EF=BC=8C=E9=80=82=E9=85=8D=E4=B8=8D=E5=90=8C=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E7=B3=BB=E7=BB=9F=E7=8A=B6=E6=80=81=E6=A0=8F=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../swiper-vertical-video.uvue                | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/pages/template/swiper-vertical-video/swiper-vertical-video.uvue b/pages/template/swiper-vertical-video/swiper-vertical-video.uvue
index 8f6366b6..f087d09a 100644
--- a/pages/template/swiper-vertical-video/swiper-vertical-video.uvue
+++ b/pages/template/swiper-vertical-video/swiper-vertical-video.uvue
@@ -1,6 +1,6 @@
 <template>
   <view class="page">
-    <view @click="back" class="nav-back">
+    <view ref="back" @click="back" class="nav-back">
       <image class="back-img" src="/static/template/scroll-fold-nav/back.png" mode="widthFix"></image>
     </view>
     <swiper class="swiper" :current="current" :circular="index != 0" :vertical="true" @change="onSwiperChange"
@@ -86,7 +86,12 @@
     },
     onReady() {
       // 一启动完成，就播放第一个
-      this.doPlay(0)
+      this.doPlay(0);
+      // #ifdef APP
+      //App端适配不同状态栏高度
+      let backElement = this.$refs['back'] as UniElement;
+      backElement.style.setProperty('top', uni.getSystemInfoSync().statusBarHeight+'px');
+      // #endif
     },
     onShow() {
       currentPageIsShow = true
@@ -257,12 +262,14 @@
 
   .nav-back {
     position: absolute;
-    top: 20px;
-    left: 8px;
+/* #ifdef APP */
+    top: 35px;
+/* #endif */
     background-color: rgba(220, 220, 220, 0.8);
     border-radius: 100px;
-    width: 28px;
-    height: 28px;
+    margin: 6px;
+    width: 32px;
+    height: 32px;
     justify-content: center;
     align-items: center;
     z-index: 10;
-- 
GitLab