fix(fittingRoom): 修复试衣间页面交互与样式问题
- 统一代码风格,修复缺少分号问题-优化试衣结果图片加载逻辑,添加默认loading图 - 修复上传衣物页面容器样式问题 - 调整模特切换逻辑,增加可见性控制- 更新README文档,添加试衣间相关链接 -优化上传衣物选择器样式与交互细节
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user