88 lines
3.0 KiB
Plaintext
88 lines
3.0 KiB
Plaintext
<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>
|