<cu-custom isBack="{{true}}">
  <view slot="content">商品类目添加</view>
</cu-custom>
<scroll-view class="margin-bottom-xxl padding-bottom-xxl ">
  <!-- 类目名称 -->
  <view class="cu-form-group margin-top-xs">
    <view class="title">
      <text class="text-gray">类目名称</text><text class="iconfont icon-star-red margin-left-xs"></text>
    </view>
    <input placeholder="请输入类目名称" bindinput="inputWatch" data-model="catalogName"></input>
  </view>
  <!-- 类目排序 -->
  <view class="cu-form-group">
    <view class="title">
      <text class="text-gray">类目排序</text><text class="iconfont icon-star-red margin-left-xs"></text>
    </view>
    <input placeholder="请输入类目排序" bindinput="inputWatch" type="number" data-model="catalogOrder"></input>
  </view>
  <!-- 一级类目 -->
  <view class="cu-form-group">
    <view class="title">
      <text decode="{{true}}" class="text-gray">一级类目</text><text class="iconfont icon-star-red margin-left-xs"></text>
    </view>
    <picker bindchange="oneCatalogSelect" value="{{oneIndex}}" range-key="name" range="{{catalogOneList}}">
      <view class="picker-left">
        {{oneCatalog ? oneCatalog.name : '请选择一级类目'}}
      </view>
    </picker>
  </view>
  <!-- 二级类目 -->
  <view class="cu-form-group">
    <view class="title">
      <text decode="{{true}}" class="text-gray">二级类目</text><text class="iconfont icon-star-red margin-left-xs"></text>
    </view>
    <picker bindchange="twoCatalogSelect" value="{{twoIndex}}" range-key="name" range="{{catalogTwoList}}">
      <view class="picker-left">
        {{twoCatalog ? twoCatalog.name : '请选择二级类目'}}
      </view>
    </picker>
  </view>
  <!-- 类目Logo  -->
  <view class="cu-bar bg-white margin-top">
    <view class="action">
      <text class="text-gray">类目Logo</text>
    </view>
    <view class="action">
      {{catalogLogoPhotos.length}}/1
    </view>
  </view>
  <view class="cu-form-group">
    <view class="grid col-3 grid-square flex-sub">
      <view class="bg-img" wx:for="{{catalogLogoPhotos}}" wx:key="index" bindtap="ViewLicImg"
        data-url="{{catalogLogoPhotos[index].path}}">
        <image src='{{catalogLogoPhotos[index].path}}' mode='aspectFill'></image>
        <view class="cu-tag bg-red" catchtap="DelLogoP" data-index="{{index}}">
          <text class="cuIcon-close"></text>
        </view>
      </view>
      <view class="solids" bindtap="ChooseLogoP" wx:if="{{catalogLogoPhotos.length<1}}">
        <text class="cuIcon-cameraadd"></text>
      </view>
    </view>
  </view>
  <!-- 类目说明 -->
  <view class="cu-bar bg-white margin-top-xs">
    <view class="action">
      <text class="text-gray">类目描述</text>
    </view>
  </view>
  <view class="bg-white">
    <view class="cu-form-group">
      <textarea class="border-line padding-left-xs padding-right-xs margin-left-xs margin-right-xs" maxlength="-1"
        bindinput="catalogInput" placeholder="请输入类目描述"></textarea>
    </view>
  </view>
</scroll-view>
<view class="padding-xs foot bg-white">
  <button class="cu-btn bg-blue" style="width:100%" bindtap="doAdd">马上添加</button>
</view>