From ea68d3235ee766fc989b9e2a8cf5cc5cbf938c3d Mon Sep 17 00:00:00 2001 From: liguigong Date: Thu, 9 Oct 2025 10:57:35 +0800 Subject: [PATCH] =?UTF-8?q?feat(fittingRoom):=20=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E8=AF=95=E8=A1=A3=E9=97=B4=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA?= =?UTF-8?q?=E9=80=BB=E8=BE=91=E5=B9=B6=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A?= =?UTF-8?q?=E4=B9=89=E6=8C=87=E7=A4=BA=E5=99=A8=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将试衣结果图片URL从thumbnailFileUrl改为fileUrl以获取高清图- 新增自定义轮播图指示器组件及样式 - 添加指示器点击事件处理函数 - 设置激活状态下的指示器宽度和颜色变化- 调整指示器布局为水平居中对齐- 优化指示器元素间的间距与透明度设置 --- pages/fittingRoom/index.vue | 28 ++++++++++++++++++++++++++++ sheep/store/fittingRoom.js | 2 +- 2 files changed, 29 insertions(+), 1 deletion(-) diff --git a/pages/fittingRoom/index.vue b/pages/fittingRoom/index.vue index f1b0690..f9a7057 100644 --- a/pages/fittingRoom/index.vue +++ b/pages/fittingRoom/index.vue @@ -23,6 +23,17 @@ /> + @@ -179,4 +190,21 @@ width: 550rpx; padding: 0 100rpx; } + .custom-indicators { + display: flex; + justify-content: center; + align-items: center; + .custom-indicator { + width: 10rpx; + height: 1px; + opacity: 0.5; + background: #fff; + margin: 0 5rpx; + } + .active { + width: 30rpx; + height: 1px; + background: #171717; + } + } diff --git a/sheep/store/fittingRoom.js b/sheep/store/fittingRoom.js index 6e1cc33..8c5dc45 100644 --- a/sheep/store/fittingRoom.js +++ b/sheep/store/fittingRoom.js @@ -70,7 +70,7 @@ const fittingRoom = defineStore({ 'https://tupian05.oss-cn-beijing.aliyuncs.com/digital_cloth/1758853865858.png', clothingImageUrl: 'https://tupian05.oss-cn-beijing.aliyuncs.com/digital_cloth/1758795488865.jpg', - tryOnResultUrl: this.currentModel.thumbnailFileUrl, + tryOnResultUrl: this.currentModel.fileUrl, // "userId": 284, // "createTime": 1758857790000 });