68 lines
2.8 KiB
Plaintext
68 lines
2.8 KiB
Plaintext
<view class="page page-flex">
|
|
<navigation-bar title="分享" back="{{false}}" />
|
|
|
|
<!-- 分段切换 -->
|
|
<view class="seg-wrap">
|
|
<view class="seg-control">
|
|
<view
|
|
wx:for="{{tabs}}"
|
|
wx:key="name"
|
|
class="seg-item {{activeTab === index ? 'active' : ''}}"
|
|
data-index="{{index}}"
|
|
bindtap="onTabTap"
|
|
>{{item.name}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<scroll-view scroll-y class="scroll-body" bindscrolltolower="onReachBottom">
|
|
<view wx:if="{{activeTab === 0}}" class="new-btn btn btn-outline" bindtap="onCreate">+ 新建分享</view>
|
|
|
|
<empty-state
|
|
wx:if="{{!loading && !list.length}}"
|
|
icon="icon-share"
|
|
title="{{activeTab === 0 ? '还没有分享' : '还没有收到分享'}}"
|
|
desc="{{activeTab === 0 ? '把衣橱或精选衣物分享给好友' : '好友分享给你的衣橱或穿搭会出现在这里'}}"
|
|
buttonText="{{activeTab === 0 ? '新建分享' : ''}}"
|
|
bind:action="onCreate"
|
|
/>
|
|
|
|
<view class="list">
|
|
<view
|
|
class="share-card card {{item._invalid ? 'invalid' : ''}}"
|
|
wx:for="{{list}}"
|
|
wx:key="share_uuid"
|
|
data-uuid="{{item.share_uuid}}"
|
|
data-kind="{{item.kind}}"
|
|
bindtap="onItemTap"
|
|
>
|
|
<!-- 衣柜分享：四宫格占位 -->
|
|
<view class="preview-grid" wx:if="{{item.kind === 'closet'}}">
|
|
<view class="pg-cell"><view class="icon icon-hanger"></view></view>
|
|
<view class="pg-cell"><view class="icon icon-hanger"></view></view>
|
|
<view class="pg-cell"><view class="icon icon-hanger"></view></view>
|
|
<view class="pg-cell"><view class="icon icon-hanger"></view></view>
|
|
</view>
|
|
<!-- 穿搭分享：封面 -->
|
|
<view class="preview-cover" wx:else>
|
|
<image wx:if="{{item.cover}}" class="preview-cover-img" src="{{item.cover}}" mode="aspectFill" />
|
|
<view wx:else class="icon icon-hanger preview-cover-ph"></view>
|
|
</view>
|
|
|
|
<view class="share-info">
|
|
<view wx:if="{{activeTab === 1}}" class="owner-row">
|
|
<image wx:if="{{item.owner_avatar}}" class="owner-avatar" src="{{item.owner_avatar}}" mode="aspectFill" />
|
|
<view wx:else class="owner-avatar owner-avatar-placeholder">
|
|
<view class="icon icon-user owner-avatar-icon"></view>
|
|
</view>
|
|
<text class="owner-name">{{item.owner_name || '好友'}}</text>
|
|
</view>
|
|
<view class="share-title">{{item.title}}</view>
|
|
<view class="tag tag-gray share-type">{{item.typeText}}</view>
|
|
<view class="share-expire">{{item.expireText}}</view>
|
|
</view>
|
|
<view wx:if="{{item._invalid}}" class="share-badge">{{item.status === 2 ? '已取消' : '已失效'}}</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|