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='../../images/04001.png' 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="">
        <view class="btn1 FlexRow">
          <view class="left FlexRow">
            <image src='../../images/04007.png' class="img04007" />
            <view class="title">天地人</view>
          </view>
          <view class="right FlexColumn">
            <view class="right1 FlexRow">
              <view class="line"></view>
              <view class="title2">识字 1-5</view>
            </view>
            <view class="right2 FlexRow">
              <image src='../../images/04008.png' class="img04008" />
              <view class="title3">38个</view>
            </view>
          </view>
        </view>
      </view>
      <view class="btn" bindtap="">
        <view class="btn1 FlexRow">
          <view class="left FlexRow">
            <image src='../../images/04005.png' class="img04005" />
            <view class="title">爸妈</view>
          </view>
          <view class="right FlexColumn">
            <view class="right1 FlexRow">
              <view class="line"></view>
              <view class="title2">汉语拼音 1-8</view>
            </view>
            <view class="right2 FlexRow">
              <image src='../../images/04008.png' class="img04008" />
              <view class="title3">38个</view>
            </view>
          </view>
        </view>
      </view>
      <view class="btn" bindtap="">
        <view class="btn1 FlexRow">
          <view class="left FlexRow">
            <image src='../../images/04006.png' class="img04007" />
            <view class="title">秋叶飞</view>
          </view>
          <view class="right FlexColumn">
            <view class="right1 FlexRow">
              <view class="line"></view>
              <view class="title2">汉语拼音 9-10</view>
            </view>
            <view class="right2 FlexRow">
              <image src='../../images/04008.png' class="img04008" />
              <view class="title3">38个</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="line3 line">
  </view>
  </block>

  <block wx:if="{{!IsShowNav1}}">
    <view class="group FlexColumn">
      <view class="title FlexRow">
        <view class="title1">识字1-5</view>
      </view>
      <view class="table FlexRow">
      <view class="boxSelect box" wx:for="{{['中','中','中','中','中','中','中','中','中']}}">{{item}}</view>
      </view>
    </view>
    <view class="group FlexColumn">
      <view class="title FlexRow">
        <view class="title1">识字1-5</view>
      </view>
      <view class="table FlexRow">
      <view class="box" wx:for="{{['中','中','中','中','中','中','中','中','中']}}">{{item}}</view>
      </view>
    </view>
    <view class="line4 line">
  </view>
  </block>
  
</view>