85 lines
3.0 KiB
Plaintext
85 lines
3.0 KiB
Plaintext
<view class="page page-flex">
|
|
<navigation-bar title="穿搭" back="{{false}}" />
|
|
|
|
<scroll-view
|
|
scroll-y
|
|
class="scroll-body"
|
|
refresher-enabled
|
|
refresher-triggered="{{refreshing}}"
|
|
bindrefresherrefresh="onRefresh"
|
|
bindscrolltolower="onReachBottom"
|
|
>
|
|
<!-- 分段控件 -->
|
|
<view class="topbar">
|
|
<view class="segment">
|
|
<view class="segment-item {{activeTab === 0 ? 'active' : ''}}" data-index="0" bindtap="onTabChange">我的穿搭</view>
|
|
<view class="segment-item {{activeTab === 1 ? 'active' : ''}}" data-index="1" bindtap="onTabChange">已收藏</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 入口按钮 -->
|
|
<view class="entry-row">
|
|
<view class="entry-btn entry-outline" bindtap="onCreate">+ 创建穿搭</view>
|
|
<view class="entry-btn entry-primary" bindtap="onAiRecommend">AI 推荐</view>
|
|
</view>
|
|
|
|
<!-- 骨架屏 -->
|
|
<view wx:if="{{loading}}" class="list">
|
|
<view class="skeleton sk-card" wx:for="{{[1, 2, 3]}}" wx:key="*this"></view>
|
|
</view>
|
|
|
|
<!-- 空态 -->
|
|
<empty-state
|
|
wx:elif="{{!list.length}}"
|
|
icon="icon-shirt"
|
|
title="{{activeTab === 0 ? '还没有穿搭' : '还没有收藏的穿搭'}}"
|
|
desc="{{activeTab === 0 ? '从衣橱挑几件，搭一套吧' : ''}}"
|
|
buttonText="{{activeTab === 0 ? '创建穿搭' : ''}}"
|
|
bind:action="onCreate"
|
|
/>
|
|
|
|
<!-- 卡片流 -->
|
|
<view wx:else class="list">
|
|
<view
|
|
class="outfit-card card"
|
|
wx:for="{{list}}"
|
|
wx:key="outfit_uuid"
|
|
data-uuid="{{item.outfit_uuid}}"
|
|
bindtap="onOutfitTap"
|
|
>
|
|
<view class="cover">
|
|
<view
|
|
class="cover-item cover-{{index}}"
|
|
wx:for="{{item.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-ph"></view>
|
|
</view>
|
|
<view wx:if="{{!item.items.length}}" class="icon icon-hanger"></view>
|
|
<text class="cover-count">{{item.items.length}} 件</text>
|
|
</view>
|
|
<view class="card-body">
|
|
<view class="title-row">
|
|
<text class="title">{{item.outfit_name}}</text>
|
|
<text class="tag tag-{{item._status.type}}">{{item._status.text}}</text>
|
|
</view>
|
|
<view class="desc" wx:if="{{item.outfit_desc}}">{{item.outfit_desc}}</view>
|
|
<view class="meta-row">
|
|
<text class="tag tag-gray" wx:if="{{item.scene}}">{{item.scene}}</text>
|
|
<text class="meta">{{item.items.length}} 件衣物</text>
|
|
<view class="spacer"></view>
|
|
<view class="meta-icon">
|
|
<view class="icon icon-heart heart"></view>
|
|
<text>{{item._likeCount || 0}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view wx:if="{{list.length && !hasMore}}" class="no-more">没有更多了</view>
|
|
</scroll-view>
|
|
</view>
|