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_grade01" 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}}" data-locked="{{item.IsLocked}}" />
    <view class="questioncard FlexRow {{item.LockCSS}}" bindtap='gotoDetail' data-id="{{item.ID}}" data-locked="{{item.IsLocked}}">
      <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="{{item.IconName}}" />
        <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" />

        <image wx:if="{{item.IsLocked}}" class="universalpic_lock_locked_black_size01" src="../images/universalpic_lock_locked_black_size01.png" />

      </view>
      <view class="lineRight lineLong FlexRow">
        <view class="lineLong1">
        </view>
      </view>
    </view>

  </block>

  <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>
<image hidden='{{HelpHidden2}}' bindtap='closeHelp' class="Help_aside_questioncollection" src="../images/Help_aside_questioncollection.png" />
<audio hidden='true' id="myAudio"></audio>