xsl/meida_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 添加 container 容器包裹页面主要结构- 调整滚动区域样式，注释掉 overflow-y 属性
- 为 container 设置相对定位样式
This commit is contained in:
liguigong
2025-10-11 10:44:40 +08:00
parent 5c279028c3
commit ee29c48b9b
1 changed files with 50 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/fittingRoom/index.vue
+50 -45
View File
@@ -1,48 +1,50 @@
<template> <template>
<uv-sticky :customNavHeight="0" :offset-top="0"> <view class="container">
<view class="uni-margin-wrap"> <uv-sticky :customNavHeight="0" :offset-top="0">
<uni-swiper-dot <view class="uni-margin-wrap">
:current="fittingRoomStore.swiperCurrentIndex" <uni-swiper-dot
:dots-styles="dotsStyles" :current="fittingRoomStore.swiperCurrentIndex"
:info="fittingRoomStore.testResults" :dots-styles="dotsStyles"
:mode="'default'" :info="fittingRoomStore.testResults"
field="content" :mode="'default'"
> field="content"
<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"> <swiper
<view class="swiper-item"> :autoplay="false"
<image :duration="500"
:class="[ :interval="5000"
'swiper-image', :next-margin="'160rpx'"
fittingRoomStore.swiperCurrentIndex === index ? 'active' : '', :previous-margin="'160rpx'"
]" circular
:src="item.tryOnResultUrl || '/static/uploads/loading12.gif'" class="swiper"
mode="aspectFill" current="0"
></image> @change="swiperChange"
</view> >
</swiper-item> <swiper-item v-for="(item, index) in fittingRoomStore.testResults" :key="index">
</swiper> <view class="swiper-item">
</uni-swiper-dot> <image
<s-select-mote /> :class="[
<Clothespic /> 'swiper-image',
</view> 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 /> <s-tabs />
</uv-sticky> </uv-sticky>
<scroll-view class="scroll" scroll-y="true"> <scroll-view class="scroll" scroll-y="true">
<s-grid-clothes /> <s-grid-clothes />
<view class="height1"></view> <view class="height1"></view>
</scroll-view> </scroll-view>
</view>
</template> </template>
<script setup> <script setup>
@@ -131,6 +133,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container {
position: relative;
}
.uni-margin-wrap { .uni-margin-wrap {
width: 100%; width: 100%;
position: relative; position: relative;
@@ -228,7 +233,7 @@
background: #171717; background: #171717;
} }
} }
.scroll { //.scroll {
overflow-y: scroll; // overflow-y: scroll;
} //}
</style> </style>