fix(outfit): 修复社区穿搭封面空白并支持预览区点击调整

This commit is contained in:
2026-09-16 02:15:46 +08:00
parent 7be561500b
commit ac271493c0
4 changed files with 28 additions and 7 deletions
@@ -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>
@@ -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 {