<view class="container FlexColumn" style='min-height:{{Height}}rpx;'>
  <view class="top line"></view>
  <view class="top2 top line1 line"></view>
  <image wx:if="{{topImage}}" src='{{topImage}}' class="topImage" />

  <view class="line"></view>

  <view class="list1 FlexRow">
    <view class="nav FlexColumn" bindtap='selectNav' data-id="1">
      <view class='{{NavClass1}}'>课本</view>
    </view>
    <view class="nav FlexColumn" bindtap='selectNav' data-id="2">
      <view class='{{NavClass2}}'>字表</view>
    </view>
  </view>

  <block wx:if="{{IsShowNav1}}">
    <view class="line2 line">
    </view>
    <view class="list2 FlexColumn">
      <view class="btn" bindtap="goto" data-bookid='{{BookID}}' data-islocked='{{item.IsLocked}}' data-word='true' data-unitid='{{item.ID}}' data-isfinished='{{item.IsFinished}}' wx:for="{{List}}" wx:key="index">
        <view class="btn1 FlexRow">
          <view class="left FlexRow">
            <image wx:if="{{IsShow==1 && item.IsLocked==0 && !item.IsFinished}}" src='../images/04007.png' class="img04007" />
            <image wx:if="{{IsShow==1 && item.IsLocked==0 && item.IsFinished}}" src='../images/04006.png' class="img04007" />
            <image wx:if="{{IsShow==1 && item.IsLocked==1}}" src='../images/04005.png' class="img04005" />
            <image wx:if="{{IsShow==0 && item.IsLocked==0 && !item.IsFinished}}" src='../images/04007.png' class="img04007" />
            <image wx:if="{{IsShow==0 && item.IsLocked==0 && item.IsFinished}}" src='../images/04006.png' class="img04007" />
            <image wx:if="{{IsShow==0 && item.IsLocked==1}}" src='../images/04007.png' class="img04007" />
            <view class="title">{{item.Title}}</view>
          </view>
          <view class="right FlexColumn">
            <view class="right1 FlexRow">
              <view class="line"></view>
              <view class="title2">{{item.Name}}</view>
            </view>
            <view class="right2 FlexRow">
              <image src='../images/04008.png' class="img04008" />
              <view class="title3">{{item.WordLength}}个</view>
            </view>
          </view>
        </view>
      </view>

    </view>
    <view class="line3 line">
    </view>
  </block>

  <block wx:if="{{!IsShowNav1}}">
    <view class="group FlexColumn" wx:for="{{List}}" wx:key="index">
      <view class="title FlexRow">
        <view class="title1">{{item.Name}}</view>
      </view>
      <view class="table FlexRow">
        <view class="{{itemChild.ReviewCss}} box" wx:for="{{item.Words}}" wx:key="i" wx:for-item="itemChild" wx:for-index="i" bindtap="goto" data-islocked='{{item.IsLocked}}' data-bookid='{{BookID}}' data-unitid='{{item.ID}}' data-wordid='{{i}}' data-word='{{itemChild.Name}}'
          data-isfinished='{{item.IsFinished}}'>{{itemChild.Name}}</view>
      </view>
    </view>

    <view class="line4 line">
    </view>
  </block>
</view>
