PhonicsGame_master/pages/main/list.wxml

<view class="container FlexColumn" style="min-height:{{Containnerheight}}rpx;">
  <view class="line0"></view>
  <view class="line1"></view>
  <view class="line2"></view>
  <view class="line3"></view>
  <image class="questioncollection_headline_root" src="../../images/questioncollection_headline_root.png" />

  <image class="questioncollection_headline_light" src="../../images/questioncollection_headline_light.png" />
  <view class="panelTop FlexRow">
    <view class="panelTopLine lineLeft lineLong FlexRow">
      <view class="panelTopLine1 lineLong1">
      </view>
    </view>
    <view class="panelTopCenter">
      <image class="questioncollection_headline_shelf_illus_grade0{{CategoryNum}}" src="../../images/questioncollection_headline_shelf_illus_grade0{{CategoryNum}}.png" />
    </view>
    <view class="panelTopLine1 lineRight lineLong FlexRow">
      <view class="panelTopLine lineLong1">
      </view>
    </view>
  </view>
  <image class="questioncollection_headline_plate01_selected" src="../../images/questioncollection_headline_plate01_selected.png" wx:if="{{filter=='all'}}" />
  <image bindtap='openMenu' data-filter="all" class="questioncollection_headline_plate01_selected" src="../../images/questioncollection_headline_plate01_unselected.png" wx:if="{{filter=='vertical'}}" />
  <image class="questioncollection_headline_plate02_selected" src="../../images/questioncollection_headline_plate02_selected.png" wx:if="{{filter=='vertical'}}" />
  <image bindtap='openMenu' data-filter="vertical" class="questioncollection_headline_plate02_selected" src="../../images/questioncollection_headline_plate02_unselected.png" wx:if="{{filter=='all'}}" />


  <block wx:for="{{QuestionTypeList}}" wx:key="index">
    <image class="questioncollection_shelf_board" src="../../images/questioncollection_shelf_board.png" bindtap='gotoDetail' data-id="{{item.ID}}" />
    <view class="questioncard FlexRow" bindtap='gotoDetail' data-id="{{item.ID}}">
      <view class="lineLeft lineLong FlexRow">
        <view class="lineLong1">
        </view>
      </view>
      <view class="{{item.SelectItem}} cardCenter FlexRow">
        <image class="questioncollection_shelf_box" src="../../images/questioncollection_shelf_box.png" />
        <image class="questioncard_icon" src="{{FileUrl}}questioncard_icon_grade0602_size01.png" />
        <view class="title FlexColumn">
          <view class="title1">
            {{item.Name}}
          </view>
          <view class="title2 FlexRow">
            <view class="title20 FlexRow">
              {{item.CategoryLevel}}
            </view>
            <view class="line"></view>
            <view class="title21 FlexRow">
              {{item.DifficultyName}}
            </view>
          </view>
        </view>
        <image wx:if="{{item.SelectItem!='boxLeft'}}" class="questioncollection_shelf_box_tape" src="../../images/questioncollection_shelf_box_tape.png" />
        <view class="title3" wx:if="{{item.QuestionNumber3>0}}">有竖式</view>

        <image wx:if="{{item.Select}}" class="questioncollection_shelf_here" src="../../images/questioncollection_shelf_here.png" />
      </view>
      <view class="lineRight lineLong FlexRow">
        <view class="lineLong1">
        </view>
      </view>
    </view>

  </block>
  <!-- 锁住 -->
  <!-- <image class="questioncollection_shelf_board" src="../../images/questioncollection_shelf_board.png" />
  <view class="boxRight questioncard FlexRow desaturate">
    <image class=" questioncollection_shelf_box" src="../../images/questioncollection_shelf_box.png" />
    <image class="questioncard_icon" src="{{FileUrl}}questioncard_icon_grade0602_size01.png" />
    <view class="title FlexColumn">
      <view class="title1">
        四则运算a+b+c
      </view>
      <view class="title2 FlexRow">
        <view class="title20 FlexRow">
          四则运算
        </view>
        <view class="line"></view>
        <view class="title21 FlexRow">
          简单
        </view>
      </view>
    </view>
    <image class="questioncollection_shelf_box_tape" src="../../images/questioncollection_shelf_box_tape.png" />
    
    <image class="universalpic_lock_locked_black_size01" src="../../images/universalpic_lock_locked_black_size01.png" />

  </view> -->

  <view class="panelBottom panelTop FlexRow">
    
    <view class="line4"></view>
    <view class="panelTopLine2 lineLeft lineLong FlexRow">
      <view class="panelTopLine3 lineLong1">
      </view>
    </view>
    <view class="panelTopCenter">
      <image class="questioncollection_shelf_footer_illus" src="../../images/questioncollection_shelf_footer_illus.png" />
    </view>
    <view class="panelTopLine3 lineRight lineLong FlexRow">
      <view class="panelTopLine2 lineLong1">
      </view>
    </view>

  </view>

  <view class="line5"></view>
  <view class="line6" hidden="{{QuestionTypeList.length>0}}"></view>

</view>