HanziLearn_master/pages/main/list.wxml

<view class="container FlexColumn" style='min-height:{{Height}}rpx;'>
  <view class="top line"></view>
  <view class="top2 top line1 line"></view>
  <image 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.Example}}</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>

<view class="PayInfo container FlexColumn" style='height:{{Height}}rpx;' wx:if="{{IsShowPayInfo}}">
  <view class="btn">
    <view class="btn1 FlexColumn" catchtap="getPay">
      <view class="panel1 FlexColumn">
        <image src='../../images/04010.png' class="img" />
      </view>
      <view class="panel2 FlexColumn">
        购买
      </view>
    </view>
  </view>
  <view class="close FlexColumn" catchtap='close'>
    <image src='../../images/02024.png' class="closeImage" />
  </view>
</view>