From ac271493c0ccfcb0468f88e57731bd72ff416443 Mon Sep 17 00:00:00 2001
From: zhengchiliu <857493511@qq.com>
Date: Wed, 16 Sep 2026 02:15:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(outfit):=20=E4=BF=AE=E5=A4=8D=E7=A4=BE?=
 =?UTF-8?q?=E5=8C=BA=E7=A9=BF=E6=90=AD=E5=B0=81=E9=9D=A2=E7=A9=BA=E7=99=BD?=
 =?UTF-8?q?=E5=B9=B6=E6=94=AF=E6=8C=81=E9=A2=84=E8=A7=88=E5=8C=BA=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 miniprogram/pages/outfit-edit/outfit-edit.wxml | 13 +++++++++----
 miniprogram/pages/outfit-edit/outfit-edit.wxss | 14 ++++++++++++++
 miniprogram/pages/outfit/outfit.ts             |  4 +++-
 miniprogram/pages/outfit/outfit.wxml           |  4 ++--
 4 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/miniprogram/pages/outfit-edit/outfit-edit.wxml b/miniprogram/pages/outfit-edit/outfit-edit.wxml
index 01c2ed3..9547467 100644
--- a/miniprogram/pages/outfit-edit/outfit-edit.wxml
+++ b/miniprogram/pages/outfit-edit/outfit-edit.wxml
@@ -23,9 +23,14 @@ module.exports = { cls: cls }
       <view class="display">{{isEdit ? '编辑穿搭' : '创建穿搭'}}</view>
     </view>
 
-    <!-- 拼图预览 -->
+    <!-- 拼图预览：整块可点 —— 空态点击添加，已选点击调整 -->
     <view class="oe-preview">
-      <view wx:if="{{selectedItems.length}}" class="collage {{cl.cls(selectedItems.length)}}">
+      <view
+        wx:if="{{selectedItems.length}}"
+        class="collage {{cl.cls(selectedItems.length)}}"
+        hover-class="oe-preview-press"
+        bindtap="openSelect"
+      >
         <view class="cg" wx:for="{{selectedItems}}" wx:key="clothes_uuid" wx:if="{{index < 4}}">
           <image wx:if="{{item.processed_image}}" class="pic" src="{{item.processed_image}}" mode="aspectFill" />
           <view wx:else class="ph icon icon-hanger"></view>
@@ -33,10 +38,10 @@ module.exports = { cls: cls }
         <view wx:if="{{selectedItems.length > 4}}" class="cg-more">+{{selectedItems.length - 4}}</view>
         <text class="cg-badge num">{{selectedItems.length}} 件</text>
       </view>
-      <view wx:else class="oe-empty">
+      <view wx:else class="oe-empty" hover-class="oe-empty-press" bindtap="openSelect">
         <view class="icon icon-hanger"></view>
         <text class="oe-empty-t">还没有选择衣物</text>
-        <text class="oe-empty-d">点击下方「选择衣橱单品」添加你的单品</text>
+        <text class="oe-empty-d">点击这里选择衣橱单品</text>
       </view>
     </view>
 
diff --git a/miniprogram/pages/outfit-edit/outfit-edit.wxss b/miniprogram/pages/outfit-edit/outfit-edit.wxss
index 30bcd7f..d406c52 100644
--- a/miniprogram/pages/outfit-edit/outfit-edit.wxss
+++ b/miniprogram/pages/outfit-edit/outfit-edit.wxss
@@ -16,6 +16,15 @@
   margin: 40rpx var(--pad) 0;
 }
 
+/* 预览区整块可点（添加 / 调整单品）：与 upload 投放框同族的按压反馈 */
+.oe-preview .collage {
+  transition: opacity .2s var(--ease);
+}
+
+.oe-preview-press {
+  opacity: .85;
+}
+
 .oe-empty {
   display: flex;
   flex-direction: column;
@@ -25,6 +34,11 @@
   background: var(--paper-2);
   border-radius: var(--r-img);
   color: var(--ink-4);
+  transition: background .2s var(--ease);
+}
+
+.oe-empty-press {
+  background: var(--fill);
 }
 
 .oe-empty .icon {
diff --git a/miniprogram/pages/outfit/outfit.ts b/miniprogram/pages/outfit/outfit.ts
index 70d1523..a37a766 100644
--- a/miniprogram/pages/outfit/outfit.ts
+++ b/miniprogram/pages/outfit/outfit.ts
@@ -161,11 +161,13 @@ Page({
   },
 
   decorateList(list: OutfitRow[]): Promise<OutfitRow[]> {
-    // 社区分段：作者与互动计数由后端一次性下发，本地仅补相对时间，避免逐条请求点赞接口
+    // 社区分段：作者与互动计数由后端一次性下发，本地仅补相对时间与拼图封面，
+    // 避免逐条请求点赞接口；封面必须与其它分段一致地组装，否则 collage 会渲染成空白方块
     if (this.data.activeTab === 2) {
       return Promise.resolve(
         list.map((it) => ({
           ...it,
+          ...outfitCover(it.items),
           _likeCount: it.like_count || 0,
           _collectCount: it.collect_count || 0,
           _time: formatRelativeTime(it.created_at),
diff --git a/miniprogram/pages/outfit/outfit.wxml b/miniprogram/pages/outfit/outfit.wxml
index dd22b0b..65b4d6f 100644
--- a/miniprogram/pages/outfit/outfit.wxml
+++ b/miniprogram/pages/outfit/outfit.wxml
@@ -74,8 +74,8 @@
           <text class="of-atime">{{item._time}}</text>
         </view>
 
-        <!-- 无缝拼图封面 -->
-        <view class="collage {{item._collageCls}}">
+        <!-- 无缝拼图封面（_covers 由 outfitCover 组装，缺失时整体不渲染，避免 1:1 空白方块撑满屏幕） -->
+        <view wx:if="{{item._covers}}" class="collage {{item._collageCls}}">
           <view class="cg" wx:for="{{item._covers}}" wx:for-item="c" wx:key="k">
             <image wx:if="{{c.img}}" class="pic" src="{{c.img}}" mode="aspectFill" lazy-load />
             <view wx:else class="ph icon icon-hanger"></view>