HanziLearn_master/pages/main/list.wxml

<view class="container FlexColumn" style='min-height:{{Height}}rpx;'>
  <view class="line"></view>
  <view class="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-id='{{item.ID}}' wx:for="{{List}}" wx:key="index">
        <view class="btn1 FlexRow">
          <view class="left FlexRow">
            <image 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.Words.length}}个</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="box" wx:for="{{item.Words}}" wx:for-item="itemChild">{{itemChild.Name}}</view>
      </view>
    </view>
    
    <view class="line4 line">
  </view>
  </block>
  
</view>