<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>

  <view class="panelSearch FlexRow">
    <view class="panelSearch1 FlexRow" bindtap="goto" data-url="./searchCard">
      <image class="universalpic_magnifier_black_30x30" src='../images/universalpic_magnifier_black_30x30.png' />
      <view>搜题卡</view>
    </view>
  </view>
  <block wx:if="{{IsShow==0}}">
    <view class="panelTemp FlexRow" bindtap="gotoAccredit">
      <view class="panelTemp1 FlexRow">
        <image class="avatar" src='{{AvatarUrl}}' />
        <view class="text6" wx:if="{{NickName=='陌生用户'}}">点击这里登录</view>
        <view class="text6" wx:if="{{NickName!='陌生用户'}}">{{NickName}}</view>
      </view>
      <view>
      </view>
    </view>
  </block>
  <view class="panelItem2 FlexRow">
    <view class="panelItem21 FlexColumn" bindtap="getList" data-id="0">
      <image class="tabbar_allcards_56x50" src='../images/tabbar_allcards_56x50.png' />
      <view>全部</view>
    </view>
    <view class="panelItem21 FlexColumn" bindtap="getList" data-id="0" data-iscollect="1">
      <image class="tabbar_allcards_56x50" src='../images/tabbar_star_56x50.png' />
      <view>星标</view>
    </view>
    <view class="panelItem21 FlexColumn" bindtap="getList" data-id="0" data-cardtype="-1">
      <image class="tabbar_allcards_56x50" src='../images/tabbar_archive_56x50.png' />
      <view>归档</view>
    </view>
    <view class="panelItem21 FlexColumn" bindtap="getList" data-datatype="delete">
      <image class="tabbar_allcards_56x50" src='../images/tabbar_dustbin_56x50.png' />
      <view>回收</view>
    </view>
  </view>
  <view class="panelItem3 FlexRow">
    <view class="panelItem31 FlexRow" bindtap="getList" data-id="0" data-cardtype="0">
      <view class="panelItem311 FlexColumn">
        <view>日常题卡</view>
        <view class="panelItem3111">{{NormalNumber}}</view>
      </view>
      <image class="richang_80x90" src='../images/richang_80x90.png' />
    </view>
    <view class="panelItem32 FlexRow" bindtap="getList" data-id="0" data-cardtype="1">
      <view class="panelItem311 FlexColumn">
        <view>紧急题卡</view>
        <view class="panelItem3111">{{UrgentNumber}}</view>
      </view>
      <image class="richang_80x90" src='../images/jinji_80x90.png' />
    </view>
  </view>

  <view class="panelItem3 FlexRow">
    <view class="panelItem41 FlexRow" bindtap="goto" data-url="../main/health">
      <view class="panelItem311 FlexColumn">
        <view>题卡健康</view>
        <view class="panelItem411">练习状况好与坏</view>
      </view>
      <image class="zhishijianyan_70x75" src='../images/card_index_jiankang_70x76.png' />
    </view>
    <view class="panelItem41 FlexRow" bindtap="goto" data-url="../other/help?id=2&idchild=0">
      <view class="panelItem311 FlexColumn">
        <view>秒过官网</view>
        <view class="panelItem411">高效制作和管理题卡</view>
      </view>
      <image class="zhishijianyan_70x75" src='../images/wangzhan_70x75.png' />
    </view>
  </view>
  <!-- <block wx:if="{{IsYearReport}}">
    <view class="panelItem5 FlexRow" bindtap="goto" data-url="../other/annualreport">
      <view class="panelItem51 FlexColumn">
        2020年度秒过用户年报
      </view>
      <image class="report_20201231_04" src='{{ImagePath}}web/report_20201231_04.png' />
    </view>
  </block> -->

  <view class="panelItem6 FlexRow" wx:if="{{FolderArr}}">
    <view class="panelItem61 FlexColumn">
      <view>题卡卡单</view>
      <view class="panelItem611">为不同主题创建卡单，保持题卡整洁有序</view>
    </view>
    <view class="panelItem62 FlexRow">
      <view class="panelItem621 FlexRow" bindtap="goto" data-url="./folderEdit?type=add">
        <image class="universalpic_add_black_22x22" src='../images/universalpic_add_black_22x22.png' />
      </view>
      <view class="panelItem621 FlexRow" bindtap="openOrder">
        <image class="universalpic_arrow_updown_black_26x22"
          src='../images/universalpic_arrow_updown_black_26x22.png' />
      </view>
    </view>
  </view>
  <view class="panelItem7 FlexRow" wx:if="{{FolderArr.length==0}}">
    <view class="panelFolder2 panelFolder FlexColumn" bindtap="goto" data-url="./folderEdit?type=add">
      <image class="universalpic_add_black_34x34" src='../images/universalpic_add_black_34x34.png' />
      <view class="panelItem71">新建卡单</view>
    </view>
  </view>

  <view class="panelItem7 FlexRow" wx:if="{{FolderArr.length>0}}">
    <view wx:for="{{FolderArr}}" wx:key="index" class="panelFolder0 panelFolder FlexColumn" 
    bindtap="getList" data-folderid="{{item.ID}}" data-name="{{item.Name}}" data-color="{{item.ColorName}}" data-icon="{{item.IconName}}">
      <view class="panelFolder1 FlexColumn" style="background-color: {{item.ColorName}};">
        <image src='{{ImagePath}}web/{{item.IconName}}.png?1' class="folderImage" />
      </view>
      <view class="panelItem72">
        {{item.Name}}
      </view>
      <view class="panelItem73 FlexRow">
        <image class="universalpic_card_gray_22x22" src='../images/universalpic_card_gray_22x22.png' />
        <view class="panelItem731">{{item.Total}}</view>
      </view>
    </view>
  </view>

  <view class="panelHeight160" wx:if="{{FolderArr}}"></view>
  <view wx:if="{{IsIPad}}" style="width:100%;height:150rpx;"></view>

  <view class='panelBottom FlexColumn' catchtap="">
    <view class='panelBottom1 FlexRow'>
      <view class='panelBottom11 FlexColumn' catchtap="gotoReLaunch" data-url="../test/index">
        <view>检验</view>
      </view>
      <view class='panelBottom11 FlexColumn' catchtap="gotoReLaunch" data-url="../main/default">
        <view>练习</view>
      </view>
      <view class='panelBottom11 FlexColumn' catchtap="goto" data-url="../main/add?type=add&id=0">
        <image class="tabbar_add_red_70x70" src='../images/tabbar_add_red_70x70.png' />
      </view>
      <view class='panelBottom11 FlexColumn'>
        <view class='text5'>题卡</view>
      </view>
      <view class='panelBottom11 FlexColumn' catchtap="goto" data-url="../other/userbook">
        <view>手册</view>
      </view>
    </view>

    <view class="iphone10plus" wx:if="{{IsIPhoneX}}"></view>
  </view>

</view>

<view wx:if="{{IsShowOrder}}" class="HelpContainer container FlexColumn"
  style='height:{{Containnerheight}}rpx;'>
  <view class="HelpPanel1 FlexColumn">
    <view class="HelpPanel11 FlexRow">
      <view class="HelpPanel111 FlexRow" catchtap="closeHelp">
        <image src='../images/universalpic_close_black_24x24.png' class="universalpic_close_black_24x24" />
      </view>
      <view></view>
    </view>
    <view class="PanelOrder FlexColumn">
      <view class="PanelOrder1 FlexRow">
        <view class="PanelOrder11">选择卡单排列顺序</view>
      </view>
      <view class="PanelOrder1 FlexRow">
        <view class="PanelOrder31">按创建时间</view>
        <view class="PanelOrder32 PanelOrder31">按题卡清单更新时间</view>
      </view>
      <view class="PanelOrder2 FlexRow">
        <view class="{{FolderOrder[1]}} PanelOrderBtn3 PanelOrderBtn" catchtap="getFolderList" data-order="CreateTime asc" data-index='1'>最早</view>
        <view class="{{FolderOrder[0]}} PanelOrderBtn" catchtap="getFolderList" data-order="CreateTime desc" data-index='0'>最近</view>
        <view class="{{FolderOrder[3]}} PanelOrderBtn" catchtap="getFolderList" data-order="Update asc" data-index='3'>最早</view>
        <view class="{{FolderOrder[2]}} PanelOrderBtn3 PanelOrderBtn" catchtap="getFolderList" data-order="UpdateTime desc" data-index='2'>最近</view>
      </view>
      <view class="PanelOrder1 FlexRow">
        <view class="PanelOrder31">按题卡数量</view>
        <view class="PanelOrder32 PanelOrder31">按卡单标题</view>
      </view>
      <view class="PanelOrder2 FlexRow">
        <view class="{{FolderOrder[4]}} PanelOrderBtn3 PanelOrderBtn" catchtap="getFolderList" data-order="Total asc" data-index='4'>较少</view>
        <view class="{{FolderOrder[5]}} PanelOrderBtn" catchtap="getFolderList" data-order="Total desc" data-index='5'>较多</view>
        <view class="{{FolderOrder[6]}} PanelOrderBtn" catchtap="getFolderList" data-order="Name asc" data-index='6'>a-z</view>
        <view class="{{FolderOrder[7]}} PanelOrderBtn3 PanelOrderBtn"  catchtap="getFolderList" data-order="Name desc" data-index='7'>z-a</view>
        
      </view>
      <view class="PanelOrderLine60"></view>
    </view>
  </view>
</view>