103 lines
4.1 KiB
Plaintext
103 lines
4.1 KiB
Plaintext
<view class="page create-page">
|
|
<navigation-bar title="创建分享" />
|
|
|
|
<!-- 配置视图 -->
|
|
<scroll-view wx:if="{{view === 'config'}}" scroll-y class="scroll-body">
|
|
<view class="section-title">分享方式</view>
|
|
<view class="type-card card {{shareType === 1 ? 'active' : ''}}" bindtap="selectPartial">
|
|
<view class="type-name">部分衣物</view>
|
|
<view class="type-desc">挑选几件衣物分享给好友</view>
|
|
<view wx:if="{{shareType === 1}}" class="icon icon-check type-check"></view>
|
|
</view>
|
|
<view class="type-card card {{shareType === 2 ? 'active' : ''}}" bindtap="selectFull">
|
|
<view class="type-name">全量快照</view>
|
|
<view class="type-desc">分享当前衣橱的全部衣物</view>
|
|
<view wx:if="{{shareType === 2}}" class="icon icon-check type-check"></view>
|
|
</view>
|
|
|
|
<!-- 选择衣物入口（部分衣物） -->
|
|
<view wx:if="{{shareType === 1}}" class="card select-entry" bindtap="openSelect">
|
|
<view class="entry-left">
|
|
<view class="entry-icon"><view class="icon icon-shirt"></view></view>
|
|
<view class="entry-title">选择衣物</view>
|
|
</view>
|
|
<view class="entry-right">
|
|
<text class="entry-count {{selectedCount ? 'on' : ''}}">{{selectedCount ? '已选 ' + selectedCount + ' 件' : '未选择'}}</text>
|
|
<view class="icon icon-chevron-right"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section-title">有效期</view>
|
|
<view class="card expire-card">
|
|
<view
|
|
class="expire-item hairline"
|
|
wx:for="{{expireOptions}}"
|
|
wx:key="days"
|
|
data-days="{{item.days}}"
|
|
bindtap="selectExpire"
|
|
>
|
|
<text>{{item.label}}</text>
|
|
<view wx:if="{{expireDays === item.days}}" class="icon icon-check expire-check"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="footer">
|
|
<view class="btn btn-primary" bindtap="onConfirm">确认分享（消耗 1 次衣柜分享额度）</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 选择衣物视图 -->
|
|
<view wx:elif="{{view === 'select'}}" class="select-view">
|
|
<scroll-view scroll-x class="cat-scroll" show-scrollbar="{{false}}">
|
|
<view class="cat-row">
|
|
<view
|
|
wx:for="{{categories}}"
|
|
wx:key="name"
|
|
class="cat-item {{activeCategory === index ? 'active' : ''}}"
|
|
data-index="{{index}}"
|
|
bindtap="onCategoryTap"
|
|
>{{item.name}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
<scroll-view scroll-y class="select-body">
|
|
<view wx:if="{{selectLoading}}" class="grid">
|
|
<view class="grid-item" wx:for="{{[1, 2, 3, 4]}}" wx:key="*this">
|
|
<view class="skeleton sk-card"></view>
|
|
</view>
|
|
</view>
|
|
<view wx:else class="grid">
|
|
<view class="grid-item" wx:for="{{allClothes}}" wx:key="clothes_uuid">
|
|
<clothes-card item="{{item}}" selectable selected="{{item._selected}}" bind:select="onToggleSelect" />
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="select-footer">
|
|
<view class="sf-count">已选 <text class="t-primary">{{selectedUuids.length}}</text> 件</view>
|
|
<view class="sf-confirm btn btn-primary" bindtap="confirmSelect">确定</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 成功预览 -->
|
|
<view wx:else class="success-view">
|
|
<view class="success-icon"><view class="icon icon-check"></view></view>
|
|
<view class="success-title">分享已创建</view>
|
|
<view class="preview-card">
|
|
<view class="preview-top">
|
|
<view class="avatar">
|
|
<image wx:if="{{avatar}}" class="avatar-img" src="{{avatar}}" mode="aspectFill" />
|
|
<view wx:else class="icon icon-user avatar-placeholder"></view>
|
|
</view>
|
|
<text class="preview-name">{{nickname}} 向你分享了 {{selectedCount || '全部'}} 件衣物</text>
|
|
</view>
|
|
<view class="preview-body">
|
|
<view class="icon icon-hanger"></view>
|
|
</view>
|
|
<view class="preview-btn">查看衣橱</view>
|
|
</view>
|
|
<view class="success-btns">
|
|
<view class="btn btn-outline" bindtap="onDone">完成</view>
|
|
<view class="btn btn-primary" bindtap="onViewShare">查看分享</view>
|
|
</view>
|
|
</view>
|
|
</view>
|