<view class="container FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class="panelTop FlexRow">
    <view class="panelLeft FlexRow">
      <view class='panelTop1 FlexRow' catchtap='close'>
        取消
      </view>
    </view>
    <view class="panelRight FlexRow">
      <view wx:if="{{!FolderID}}" class="panelTopBtn" catchtap="save">创建</view>
      <view wx:if="{{FolderID}}" class="panelTopBtn" catchtap="save">保存</view>
    </view>
  </view>
  <view class="panelHeight100"></view>
  <view class="panel1 FlexRow">
    <view class="panel11">标题</view>
    <view class="panel12">还可以输入{{FolderNameCount}}个字</view>
  </view>
  <view class="panel2 FlexRow">
    <input class='input' bindinput="onKeyInput" value="{{FolderName}}"  always-embed="true" 
          placeholder="输入卡单名称" confirm-type="done" />
        
  </view>

  <view class="panel3">
    建议把标题写得详细一些，明确用意，方便日后查阅和官网批量操作。
  </view>
  <view class="panel4">
    封面
  </view>
  <view class="panel5 FlexRow" >
    <view class="panel51 FlexColumn" style="background-color:{{FolderColor}}" bindtap="changeIcon" data-color="{{FolderColor}}" data-icon="{{FolderIcon.ImageUrl}}">
      <image class="{{FolderIcon.ImageUrl}}" src='{{ImagePath}}web/{{FolderIcon.ImageUrl}}.png?1' style="width:150rpx;height:150rpx;" />
      <view class="panel511" >
        更换
      </view>
    </view>
  </view>

  <block wx:if="{{FolderID>0}}">
    <view class="panel6 panel2 FlexRow" bindtap="deleteFolder">
      删除卡单
    </view>

    <view class="panel7">
      删除卡单不会删除卡单内的题卡，只会让这些题卡不再属于这张卡单。
    </view>
  </block>
  
</view>