fix(fittingRoom): 修复试衣间页面交互与样式问题

- 统一代码风格,修复缺少分号问题-优化试衣结果图片加载逻辑,添加默认loading图
- 修复上传衣物页面容器样式问题
- 调整模特切换逻辑,增加可见性控制- 更新README文档,添加试衣间相关链接
-优化上传衣物选择器样式与交互细节
This commit is contained in:
liguigong
2025-09-28 16:20:51 +08:00
parent 17dc7cf9c8
commit b9d19508ca
7 changed files with 31 additions and 18 deletions
+6 -6
View File
@@ -1,14 +1,14 @@
<!--
* @Author:
* @Date: 2025-09-21 10:09:22
* @LastEditors:
* @LastEditTime: 2025-09-21 21:20:33
* @LastEditors: liguigong liguigong@shopline.com
* @LastEditTime: 2025-09-28 16:11:43
* @FilePath: pages/uploadClothes/SelectPic.vue
* @Description: 这是默认设置,可以在设置工具File Description中进行配置
-->
<template>
<view class="pic">
<image class="image" src="/static/yangtu.png" mode="aspectFit" />
<image class="image" mode="aspectFit" src="/static/yangtu.png" />
</view>
<view class="text">
<text>单件衣服去掉衣架</text>
@@ -27,7 +27,7 @@
limit="1"
mode="grid"
@select="selectPic"
>选择
>选择
</uni-file-picker>
</view>
</template>
@@ -61,13 +61,13 @@
text-align: center;
line-height: 80rpx;
font-weight: 700;
color: #FFFFFF;
color: #ffffff;
letter-spacing: 10rpx;
position: relative;
}
.pic {
padding-top: 150rpx;
padding-top: 100rpx;
display: flex;
justify-content: center;
align-items: center;
+6 -2
View File
@@ -1,5 +1,5 @@
<template>
<view v-if="template">
<view class="container-box">
<SelectPic v-if="!imageUrl" @onChange="onChange" />
<template v-if="imageUrl">
<view class="clothes-box">
@@ -81,7 +81,7 @@
function deleteClothes() {
FittingRoomApi.deleteCloth({ id: clothesId.value }).then((res) => {
fittingRoomStore.currentClothes = []
fittingRoomStore.currentClothes = [];
sheep.$router.go('/pages/fittingRoom/index');
});
}
@@ -147,11 +147,15 @@
</script>
<style lang="scss" scoped>
.container-box {
padding-bottom: 200rpx;
}
.operating {
display: flex;
justify-content: space-around;
margin-top: 200rpx;
padding: 0 20rpx;
margin-bottom: 200rpx;
}
.delete {
width: 250rpx;