miaoguo_master/pages/test/list.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="text1">请对照课本选择字组</view>
  <block wx:for="{{List}}" wx:key="index">
    <view class="PanelItem FlexColumn" bindtap="onShowFrame" data-id="{{item.ID}}">
      <view class="PanelItem1 FlexRow">
        <view class="left FlexRow">
          <view class="Word FlexRow">
            {{item.Words[0].Name}}
          </view>
          <view class="Title FlexRow">
            {{item.Name}}
          </view>
        </view>
        <view class="right FlexColumn">
          <view class="right1 FlexRow">
            <image class="examine_willread_gray_22x22" src="../images/examine_willread_gray_22x22.png"></image>
            <image class="examine_willwrite_green_22x22" src="../images/examine_willwrite_green_22x22.png"></image>
          </view>
          <view class="right2">{{item.Words.length}}个字</view>
        </view>
      </view>
      <view class="lineWidthAll FlexRow">
        <view class="lineWidth720"></view>
      </view>
      <text class="PanelItem2 FlexRow">
        {{item.WordList}}
      </text>
    </view>
  </block>
  <view style="height:50rpx;"></view>
</view>


<!-- 跳出 -->
<view wx:if="{{IsSelect}}" class="SelectContainer FlexColumn" style='height:{{Containnerheight}}rpx;'>
  <view class="SelectContainer1 FlexColumn">
    <image src="../images/examine_subjecticon_01.png" class="examine_subjecticon_01" />
    <view class="SelectContainer1Text1">识字 1-4</view>
    <view class="SelectContainer1Text2">检验哪个方面</view>
    <view class="btnPanel FlexRow">
      <view class="btn FlexRow">
        <image src="../images/examine_willread_gray_30x30.png" class="examine_willread_gray_30x30" />
        <view class="SelectContainer1Text3">会念</view>
      </view>
      <view class="btn FlexRow">
        <image src="../images/examine_willwrite_gray_27x27.png" class="examine_willwrite_gray_27x27" />
        <view class="SelectContainer1Text3">会写</view>
      </view>
    </view>
    <view class="btnPanel FlexRow">
      <image src="../images/universalpic_word_blue_30x30.png" class="universalpic_word_blue_30x30" />
      <view class="SelectContainer1Text4">查看字表</view>
    </view>

    <view class="close FlexRow" bindtap="onClose">
      <image src="../images/universalpic_close_black_24x24.png" class="universalpic_close_black_24x24" />
    </view>
  </view>
</view>