feat(fittingRoom): 添加容器包裹页面内容并调整样式

- 添加 container 容器包裹页面主要结构- 调整滚动区域样式，注释掉 overflow-y 属性
- 为 container 设置相对定位样式

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>