fix：bug

2026-09-13 23:32:35 +08:00
parent 323f520d7b
commit 1a11816839
14 changed files with 701 additions and 46 deletions
@@ -0,0 +1,87 @@
+<view class="page detail-page">
+  <navigation-bar title="穿搭分享" />
+
+  <empty-state
+    wx:if="{{invalid && needLogin}}"
+    icon="icon-user"
+    title="{{invalidTitle}}"
+    desc="{{invalidDesc}}"
+    buttonText="去登录"
+    bind:action="onGoLogin"
+  />
+
+  <empty-state
+    wx:elif="{{invalid}}"
+    icon="icon-shirt"
+    title="{{invalidTitle}}"
+    desc="{{invalidDesc}}"
+    buttonText="返回首页"
+    bind:action="onBackHome"
+  />
+
+  <scroll-view wx:else scroll-y class="scroll-body">
+    <!-- 分享者信息 -->
+    <view class="card owner-card">
+      <view class="avatar">
+        <image wx:if="{{detail.owner_avatar}}" class="avatar-img" src="{{detail.owner_avatar}}" mode="aspectFill" />
+        <view wx:else class="icon icon-user avatar-placeholder"></view>
+      </view>
+      <view class="owner-info">
+        <view class="owner-name">{{detail.owner_name || '好友'}} 分享了穿搭</view>
+        <view class="owner-expire">共 {{outfit.items.length}} 件单品</view>
+      </view>
+    </view>
+
+    <!-- 拼图封面 -->
+    <view class="cover">
+      <view
+        class="cover-item cover-{{index}}"
+        wx:for="{{outfit.items}}"
+        wx:key="clothes_uuid"
+        wx:if="{{index < 5}}"
+      >
+        <image wx:if="{{item.processed_image}}" class="cover-img" src="{{item.processed_image}}" mode="aspectFit" />
+        <view wx:else class="icon icon-hanger cover-placeholder"></view>
+      </view>
+      <view wx:if="{{!outfit.items.length}}" class="cover-empty">
+        <view class="icon icon-hanger"></view>
+      </view>
+    </view>
+
+    <!-- 信息卡片 -->
+    <view class="card info-card">
+      <view class="title-row">
+        <text class="title">{{outfit.outfit_name}}</text>
+      </view>
+      <view class="tag-row">
+        <text wx:if="{{outfit.scene}}" class="tag tag-gray">{{outfit.scene}}</text>
+        <text class="tag {{outfit.source === 2 ? 'tag-indigo' : 'tag-gray'}}">{{outfit.source === 2 ? 'AI 推荐' : '自建'}}</text>
+      </view>
+      <view class="desc" wx:if="{{outfit.outfit_desc}}">{{outfit.outfit_desc}}</view>
+
+      <!-- 包含衣物（点击只读查看） -->
+      <view class="items-title">包含衣物</view>
+      <scroll-view scroll-x class="items-scroll" show-scrollbar="{{false}}">
+        <view class="items-row">
+          <view
+            class="item-chip"
+            wx:for="{{outfit.items}}"
+            wx:key="clothes_uuid"
+            data-uuid="{{item.clothes_uuid}}"
+            bindtap="onItemTap"
+          >
+            <image wx:if="{{item.processed_image}}" class="item-img" src="{{item.processed_image}}" mode="aspectFill" />
+            <view wx:else class="item-img item-img-empty"><view class="icon icon-hanger"></view></view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 转发出口 -->
+    <button class="share-btn" open-type="share">分享给好友</button>
+
+    <!-- 属主取消 -->
+    <view wx:if="{{detail.is_owner}}" class="cancel-btn btn-danger-text" bindtap="onCancel">取消分享</view>
+    <view class="footer-space"></view>
+  </scroll-view>
+</view>