55 lines
1.9 KiB
Plaintext
55 lines
1.9 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-share"
|
|
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}} 分享了 {{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>
|
|
|
|
<!-- 转发出口 -->
|
|
<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>
|