From ee29c48b9b13284c575bc1448064b0c1666ba265 Mon Sep 17 00:00:00 2001
From: liguigong <liguigong@shopline.com>
Date: Sat, 11 Oct 2025 10:44:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(fittingRoom):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AE=B9=E5=99=A8=E5=8C=85=E8=A3=B9=E9=A1=B5=E9=9D=A2=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E5=B9=B6=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 container 容器包裹页面主要结构- 调整滚动区域样式，注释掉 overflow-y 属性
- 为 container 设置相对定位样式
---
 pages/fittingRoom/index.vue | 95 +++++++++++++++++++------------------
 1 file changed, 50 insertions(+), 45 deletions(-)

diff --git a/pages/fittingRoom/index.vue b/pages/fittingRoom/index.vue
index b7d7ab1..14dbe5d 100644
--- a/pages/fittingRoom/index.vue
+++ b/pages/fittingRoom/index.vue
@@ -1,48 +1,50 @@
 <template>
-  <uv-sticky :customNavHeight="0" :offset-top="0">
-    <view class="uni-margin-wrap">
-      <uni-swiper-dot
-        :current="fittingRoomStore.swiperCurrentIndex"
-        :dots-styles="dotsStyles"
-        :info="fittingRoomStore.testResults"
-        :mode="'default'"
-        field="content"
-      >
-        <swiper
-          :autoplay="false"
-          :duration="500"
-          :interval="5000"
-          :next-margin="'160rpx'"
-          :previous-margin="'160rpx'"
-          circular
-          class="swiper"
-          current="0"
-          @change="swiperChange"
+  <view class="container">
+    <uv-sticky :customNavHeight="0" :offset-top="0">
+      <view class="uni-margin-wrap">
+        <uni-swiper-dot
+          :current="fittingRoomStore.swiperCurrentIndex"
+          :dots-styles="dotsStyles"
+          :info="fittingRoomStore.testResults"
+          :mode="'default'"
+          field="content"
         >
-          <swiper-item v-for="(item, index) in fittingRoomStore.testResults" :key="index">
-            <view class="swiper-item">
-              <image
-                :class="[
-                  'swiper-image',
-                  fittingRoomStore.swiperCurrentIndex === index ? 'active' : '',
-                ]"
-                :src="item.tryOnResultUrl || '/static/uploads/loading12.gif'"
-                mode="aspectFill"
-              ></image>
-            </view>
-          </swiper-item>
-        </swiper>
-      </uni-swiper-dot>
-      <s-select-mote />
-      <Clothespic />
-    </view>
+          <swiper
+            :autoplay="false"
+            :duration="500"
+            :interval="5000"
+            :next-margin="'160rpx'"
+            :previous-margin="'160rpx'"
+            circular
+            class="swiper"
+            current="0"
+            @change="swiperChange"
+          >
+            <swiper-item v-for="(item, index) in fittingRoomStore.testResults" :key="index">
+              <view class="swiper-item">
+                <image
+                  :class="[
+                    'swiper-image',
+                    fittingRoomStore.swiperCurrentIndex === index ? 'active' : '',
+                  ]"
+                  :src="item.tryOnResultUrl || '/static/uploads/loading12.gif'"
+                  mode="aspectFill"
+                ></image>
+              </view>
+            </swiper-item>
+          </swiper>
+        </uni-swiper-dot>
+        <s-select-mote />
+        <Clothespic />
+      </view>
 
-    <s-tabs />
-  </uv-sticky>
-  <scroll-view class="scroll" scroll-y="true">
-    <s-grid-clothes />
-    <view class="height1"></view>
-  </scroll-view>
+      <s-tabs />
+    </uv-sticky>
+    <scroll-view class="scroll" scroll-y="true">
+      <s-grid-clothes />
+      <view class="height1"></view>
+    </scroll-view>
+  </view>
 </template>
 
 <script setup>
@@ -131,6 +133,9 @@
 </script>
 
 <style lang="scss" scoped>
+  .container {
+    position: relative;
+  }
   .uni-margin-wrap {
     width: 100%;
     position: relative;
@@ -228,7 +233,7 @@
       background: #171717;
     }
   }
-  .scroll {
-    overflow-y: scroll;
-  }
+  //.scroll {
+  //  overflow-y: scroll;
+  //}
 </style>