80 lines
3.1 KiB
Plaintext
80 lines
3.1 KiB
Plaintext
<view class="page detail-page">
|
|
<navigation-bar title="{{outfit.outfit_name || '穿搭详情'}}">
|
|
<view wx:if="{{isOwner}}" slot="right" class="nav-more" bindtap="onMore">
|
|
<view class="icon icon-ellipsis"></view>
|
|
</view>
|
|
</navigation-bar>
|
|
|
|
<scroll-view scroll-y class="scroll-body">
|
|
<!-- 拼图封面 -->
|
|
<view class="cover">
|
|
<view
|
|
class="cover-item cover-{{index}}"
|
|
wx:for="{{clothes}}"
|
|
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-placeholder"></view>
|
|
</view>
|
|
<view wx:if="{{!clothes.length}}" class="cover-empty">
|
|
<view class="icon icon-hanger"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 信息卡片 -->
|
|
<view class="card info-card">
|
|
<view class="title-row">
|
|
<text class="title">{{outfit.outfit_name}}</text>
|
|
</view>
|
|
<view class="tag-row">
|
|
<text wx:if="{{outfit.scene}}" class="tag tag-gray">{{outfit.scene}}</text>
|
|
<text class="tag {{outfit.source === 2 ? 'tag-indigo' : 'tag-gray'}}">{{outfit.source === 2 ? 'AI 推荐' : '自建'}}</text>
|
|
<text class="tag {{outfit.is_public === 2 ? 'tag-blue' : 'tag-gray'}}">{{outfit.is_public === 2 ? '已公开' : '仅自己可见'}}</text>
|
|
</view>
|
|
<view class="desc" wx:if="{{outfit.outfit_desc}}">{{outfit.outfit_desc}}</view>
|
|
|
|
<!-- 包含衣物 -->
|
|
<view class="items-title">包含衣物</view>
|
|
<scroll-view scroll-x class="items-scroll" show-scrollbar="{{false}}">
|
|
<view class="items-row">
|
|
<view
|
|
class="item-chip"
|
|
wx:for="{{clothes}}"
|
|
wx:key="clothes_uuid"
|
|
data-uuid="{{item.clothes_uuid}}"
|
|
bindtap="onItemTap"
|
|
>
|
|
<image wx:if="{{item.processed_image}}" class="item-img" src="{{item.processed_image}}" mode="aspectFill" />
|
|
<view wx:else class="item-img item-img-empty"><view class="icon icon-hanger"></view></view>
|
|
<text class="item-name">{{item.name || '未命名'}}</text>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<view class="footer-placeholder"></view>
|
|
</scroll-view>
|
|
|
|
<!-- 底部操作栏 -->
|
|
<view class="footer">
|
|
<view class="footer-left">
|
|
<view class="fb-btn" bindtap="onLike">
|
|
<view class="icon icon-heart {{isLiked ? 'liked' : ''}}"></view>
|
|
<text class="{{isLiked ? 'liked' : ''}}">{{likeCount}}</text>
|
|
</view>
|
|
<view class="fb-btn" wx:if="{{!isOwner}}" bindtap="onCollect">
|
|
<view class="icon {{isCollected ? 'icon-star-fill collected' : 'icon-star'}}"></view>
|
|
</view>
|
|
</view>
|
|
<view class="footer-right" wx:if="{{isOwner}}">
|
|
<view class="fb-public {{outfit.is_public === 2 ? 'public' : ''}}" bindtap="onTogglePublic">
|
|
{{outfit.is_public === 2 ? '取消公开' : '公开到社区'}}
|
|
</view>
|
|
<button class="fb-share" open-type="share">
|
|
<view class="icon icon-share"></view>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|