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" bindtap='openMenu'/>
  <image class="questioncollection_headline_shelf_illus_grade0{{CategoryNum}}" src="../../images/questioncollection_headline_shelf_illus_grade0{{CategoryNum}}.png"  bindtap='openMenu' />
  <image class="questioncollection_headline_plate" src="../../images/questioncollection_headline_plate.png" wx:if="{{filter=='vertical'}}"/>


  <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="{{item.SelectItem}} questioncard FlexRow" bindtap='gotoDetail' data-id="{{item.ID}}">
      <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>

  </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> -->

  <image class="questioncollection_shelf_footer_illus" src="../../images/questioncollection_shelf_footer_illus.png" />
  <view class="line4"></view>

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

  <view class="lineLeft lineLong FlexRow" style="height:{{ LineLongHeight }}rpx;">
    <view class="lineLong1">
    </view>
  </view>
  <view class="lineRight lineLong FlexRow" style="height:{{ LineLongHeight }}rpx;">
    <view class="lineLong2">
    </view>
  </view>

  <view class="menu FlexColumn" wx:if="{{IsShowMenu}}">
    <view class="text1">筛选题卡</view>
    <view class="panel FlexRow" bindtap='menuClick' data-id="all">
      <view>全部</view>
      <image wx:if="{{filter=='all'}}" class="universalpic_select_on_black" src="../../images/universalpic_select_on_black.png" />

    </view>
    <view class="line"></view>
    <view class="panel FlexRow" bindtap='menuClick' data-id="vertical">
      <view>仅竖式</view>
      <image wx:if="{{filter=='vertical'}}" class="universalpic_select_on_black" src="../../images/universalpic_select_on_black.png" />

    </view>
    <view class="line"></view>
    <view class="line2"></view>
    <view class="line"></view>
    <view class="panel FlexRow" bindtap='closeMenu'>
      <view>取消</view>
    </view>

  </view>

</view>