feat(fittingRoom): 优化试衣间页面布局和样式
- 调整页面结构,将轮播图组件移入 sticky 容器内 - 添加页面背景色 #ffffff -为滚动区域添加 scroll 样式类 - 优化上传服饰页面结构,使用 s-layout 组件包裹内容 - 更新页面标题为“服饰上传”- 修改 manifest.json 中的 appid - 调整 pages.json 中 uploadClothes 页面配置,自定义导航栏并禁用标题栏
This commit is contained in:
+1
-1
@@ -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
@@ -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": "服饰上传"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user