function cls(n) { if (n >= 4) return '' if (n === 3) return 'collage--3' if (n === 2) return 'collage--2' return 'collage--1' } module.exports = { cls: cls }

取消

+{{selectedItems.length - 4}} {{selectedItems.length}} 件还没有选择衣物点击下方「选择衣橱单品」添加你的单品穿搭名称 * {{outfitName.length}}/32 穿搭描述 {{outfitDesc.length}}/500

</view>

<view class="oe-field">
        <view class="oe-label">
          <text>适合场景</text>
          <text class="oe-count num">{{scene.length}}/100</text>
        </view>
        <input
          class="input"
          value="{{scene}}"
          bindinput="onSceneInput"
          placeholder="例如：通勤、约会、旅行"
          placeholder-class="input-ph"
          maxlength="100"
        />
      </view>
    </view>

<view class="grp-hd oe-grp"><text class="gh-cn">单品</text><text class="gh-en">Items</text></view>
    <view class="rows">
      <view class="row" bindtap="openSelect">
        <view class="icon row-ic icon-shirt"></view>
        <view class="row-lb">
          <view>选择衣橱单品</view>
          <view class="oe-entry-d">{{selectedUuids.length ? '点击调整当前穿搭包含的衣物' : '选择 1~10 件衣物合成画报'}}</view>
        </view>
        <text class="row-vl">{{selectedUuids.length ? '已选 ' + selectedUuids.length + ' 件' : '未选择'}}</text>
        <view class="icon row-ch icon-chevron-right"></view>
      </view>
    </view>

<block wx:else>
    <view class="segbar">
      <scroll-view scroll-x class="seg-scroll" show-scrollbar="{{false}}">
        <view class="seg">
          <view
            wx:for="{{categories}}"
            wx:key="name"
            class="seg-item {{activeCategory === index ? 'is-on' : ''}}"
            data-index="{{index}}"
            bindtap="onCategoryTap"
          >{{item.name}}</view>
        </view>
      </scroll-view>
    </view>

<scroll-view scroll-y class="select-body pb-dock" bindscroll="onNavScroll">
      <view wx:if="{{selectLoading}}" class="oe-grid">
        <view class="oe-skel" wx:for="{{[1, 2, 3, 4]}}" wx:key="*this">
          <view class="sk sk-img"></view>
          <view class="sk sk-ln" style="width: 62%;"></view>
        </view>
      </view>
      <view wx:else class="oe-grid">
        <view class="oe-tile" wx:for="{{allClothes}}" wx:key="clothes_uuid">
          <clothes-card item="{{item}}" selectable selected="{{item._selected}}" bind:select="onToggleSelect" />
        </view>
      </view>
      <view class="gap-32"></view>
    </scroll-view>
  </block>

<view class="dock">
    <block wx:if="{{view === 'form'}}">
      <view wx:if="{{isEdit}}" class="btn--text oe-del" bindtap="onDelete">删除穿搭</view>
      <view
        class="btn btn--ink btn--block {{(!outfitName || !selectedUuids.length || saving) ? 'is-off' : ''}}"
        bindtap="onSave"
      >{{saving ? '保存中…' : (isEdit ? '保存修改' : '保存')}}</view>
    </block>
    <block wx:else>
      <view class="dock-row">
        <view class="oe-count-wrap">
          <view class="oe-count-t num">已选 {{selectedUuids.length}} 件</view>
          <view class="oe-count-d">最多可选择 10 件单品</view>
        </view>
        <view class="btn btn--ink btn--sm oe-confirm" bindtap="confirmSelect">确定</view>
      </view>
    </block>
  </view>

<v2-overlay
    visible="{{delVisible}}"
    type="modal"
    title="确认删除这套穿搭？"
    content="删除后不可恢复，但不会影响衣橱内的单品。"
    buttons="{{delButtons}}"
    bind:confirm="onDelConfirm"
    bind:cancel="onDelCancel"
  />
</view>