72 lines
2.4 KiB
Plaintext
72 lines
2.4 KiB
Plaintext
<view class="page page-flex">
|
|
<navigation-bar title="分享详情" scrolled="{{navScrolled}}" />
|
|
|
|
<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 pb-dock" bindscroll="onNavScroll">
|
|
<!-- 分享者行 -->
|
|
<view class="head">
|
|
<view class="eyebrow">Shared Closet</view>
|
|
<view class="display">{{detail.owner_name}} 的衣橱</view>
|
|
</view>
|
|
|
|
<view class="csd-owner">
|
|
<view class="csd-av">
|
|
<image wx:if="{{detail.owner_avatar}}" class="pic" src="{{detail.owner_avatar}}" mode="aspectFill" />
|
|
<view wx:else class="icon icon-user"></view>
|
|
</view>
|
|
<view class="csd-owner-body">
|
|
<view class="csd-owner-n">{{detail.owner_name}} 分享了 {{detail.clothes.length}} 件衣物</view>
|
|
<view class="csd-owner-e num">{{expireText}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 只读网格 -->
|
|
<view class="csd-grid">
|
|
<view class="csd-tile" wx:for="{{detail.clothes}}" wx:key="clothes_uuid">
|
|
<view class="tile-img">
|
|
<image wx:if="{{item.processed_image}}" class="pic" src="{{item.processed_image}}" mode="aspectFill" lazy-load />
|
|
<view wx:else class="ph icon icon-hanger"></view>
|
|
</view>
|
|
<view class="tile-name">{{item.name || '未命名'}}</view>
|
|
<view class="tile-sub">{{item.category_main}}{{item.category_sub ? ' · ' + item.category_sub : ''}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="gap-64"></view>
|
|
</scroll-view>
|
|
|
|
<!-- 悬浮玻璃操作条 -->
|
|
<view class="dock" wx:if="{{!invalid}}">
|
|
<view wx:if="{{detail.is_owner}}" class="btn--text csd-cancel" bindtap="onCancel">取消分享</view>
|
|
<button class="btn btn--ink btn--block" open-type="share">分享给好友</button>
|
|
</view>
|
|
|
|
<!-- 取消分享确认 -->
|
|
<v2-overlay
|
|
visible="{{cancelVisible}}"
|
|
type="modal"
|
|
title="取消分享"
|
|
content="取消后该分享链接将失效，且不返还衣柜分享额度"
|
|
buttons="{{cancelButtons}}"
|
|
bind:confirm="onCancelConfirm"
|
|
bind:cancel="onCancelCancel"
|
|
/>
|
|
</view>
|