43 lines
1.6 KiB
Plaintext
43 lines
1.6 KiB
Plaintext
<view class="page detail-page">
|
|
<navigation-bar title="分享详情" />
|
|
|
|
<empty-state
|
|
wx:if="{{invalid}}"
|
|
icon="icon-share"
|
|
title="该分享已过期或已被取消"
|
|
desc="分享链接已失效"
|
|
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}} 分享了 {{detail.clothes.length}} 件衣物</view>
|
|
<view class="owner-expire">{{expireText}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 衣物网格 -->
|
|
<view class="grid">
|
|
<view class="grid-item" wx:for="{{detail.clothes}}" wx:key="clothes_uuid">
|
|
<view class="clothes-card">
|
|
<image wx:if="{{item.processed_image}}" class="clothes-img" src="{{item.processed_image}}" mode="aspectFill" />
|
|
<view wx:else class="clothes-placeholder"><view class="icon icon-hanger"></view></view>
|
|
<view class="clothes-name">{{item.name || '未命名'}}</view>
|
|
<view class="clothes-sub">{{item.category_main}}{{item.category_sub ? ' · ' + item.category_sub : ''}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 属主取消 -->
|
|
<view wx:if="{{detail.is_owner}}" class="cancel-btn btn-danger-text" bindtap="onCancel">取消分享</view>
|
|
<view class="footer-space"></view>
|
|
</scroll-view>
|
|
</view>
|