feat(fittingRoom): 优化试衣间页面布局和样式

- 调整页面结构,将轮播图组件移入 sticky 容器内
- 添加页面背景色 #ffffff
-为滚动区域添加 scroll 样式类
- 优化上传服饰页面结构,使用 s-layout 组件包裹内容
- 更新页面标题为“服饰上传”- 修改 manifest.json 中的 appid
- 调整 pages.json 中 uploadClothes 页面配置,自定义导航栏并禁用标题栏
This commit is contained in:
liguigong
2025-10-09 15:04:41 +08:00
parent f9861d09f9
commit 738f56caad
4 changed files with 101 additions and 93 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name" : "商城", "name" : "商城",
"appid" : "__UNI__A2B711F", "appid" : "__UNI__A3FE0A4",
"description" : "基于 uni-app + Vue3 技术驱动的在线商城系统,内含诸多功能与丰富的活动,期待您的使用和反馈。", "description" : "基于 uni-app + Vue3 技术驱动的在线商城系统,内含诸多功能与丰富的活动,期待您的使用和反馈。",
"versionName" : "2025.09", "versionName" : "2025.09",
"versionCode" : "183", "versionCode" : "183",
+5 -6
View File
@@ -100,13 +100,12 @@
{ {
"path": "pages/uploadClothes/index", "path": "pages/uploadClothes/index",
"style": { "style": {
"navigationBarTitleText": "服饰上传", "navigationBarTitleText": "123",
"enablePullDownRefresh": false "navigationStyle": "custom",
"h5": {
"titleNView": false // H5 端直接去掉浏览器默认标题栏
}, },
"meta": { "enablePullDownRefresh": false
"sync": true,
"title": "服饰上传",
"group": "服饰上传"
} }
}, },
{ {
+12 -5
View File
@@ -1,5 +1,6 @@
<template> <template
<view> ><view>
<uv-sticky :customNavHeight="0" :offset-top="0">
<view class="uni-margin-wrap"> <view class="uni-margin-wrap">
<!-- https://ext.dcloud.net.cn/plugin?id=22930--> <!-- https://ext.dcloud.net.cn/plugin?id=22930-->
<hbxw-stack-carousel <hbxw-stack-carousel
@@ -38,17 +39,19 @@
<s-select-mote /> <s-select-mote />
<Clothespic /> <Clothespic />
</view> </view>
<uv-sticky :customNavHeight="0" :offset-top="0">
<s-tabs /> <s-tabs />
</uv-sticky> </uv-sticky>
<view class="scroll">
<s-grid-clothes /> <s-grid-clothes />
<view class="height1"></view> <view class="height1"></view>
</view> </view>
</view>
</template> </template>
<script setup> <script setup>
import { computed, onMounted, reactive, ref } from 'vue'; import { onMounted, reactive } from 'vue';
import { onLoad, onPageScroll, onPullDownRefresh, onUnload } from '@dcloudio/uni-app'; import { onLoad, onPullDownRefresh, onUnload } from '@dcloudio/uni-app';
import sheep from '@/sheep'; import sheep from '@/sheep';
import SSelectMote from './components/s-select-mote.vue'; import SSelectMote from './components/s-select-mote.vue';
import STabs from './components/STabs.vue'; import STabs from './components/STabs.vue';
@@ -128,6 +131,7 @@
.uni-margin-wrap { .uni-margin-wrap {
width: 100%; width: 100%;
position: relative; position: relative;
background: #ffffff;
} }
.swiper { .swiper {
@@ -207,4 +211,7 @@
background: #171717; background: #171717;
} }
} }
.scroll {
overflow-y: scroll;
}
</style> </style>
+2
View File
@@ -1,4 +1,5 @@
<template> <template>
<s-layout :bgStyle="{ color: '#FFF' }" title="服饰上传">
<view class="container-box"> <view class="container-box">
<SelectPic v-if="!imageUrl" @onChange="onChange" /> <SelectPic v-if="!imageUrl" @onChange="onChange" />
<template v-if="imageUrl"> <template v-if="imageUrl">
@@ -52,6 +53,7 @@
</view> </view>
</template> </template>
</view> </view>
</s-layout>
</template> </template>
<script setup> <script setup>