<!--pages/tu_xing_tui_li/tu_xing_tui_li.wxml-->
<view class='container'>
  <image src='../../image/block.png' class='block' style="padding-top:{{statusBar+10}}px" bindtap='blockCtl'></image>
  <view class='wrapper' style="margin-top:{{statusBar-10}}px">
      <view class="white" wx:if="{{isWhite}}"></view>
      <view class='li' wx:if='{{isKjxx}}'>
        <image src='../../image/kjxx.png' class='guide-img'></image>
        <view class='guide-btn' bindtap='actionAnswer'>开始答题</view>
      </view>
      <!-- 空间想象 -->
      <view wx:if='{{!isKjxx}}'>
          <!-- 练习关 -->
         <view wx:if='{{level==0}}'>
            <view class='li' wx:for='{{allList[0]}}' wx:key='index'>
                <view class='li-red-title'>{{item.header}}</view>
                <view class='li-text' style="padding-top:10rpx;">{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: 232rpx;height: 158rpx;'></image>
                <view class='li-all'>
                    <view class='li-items' wx:for='{{item.answerList[isRandom]}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-lindex="{{0}}" data-mindex='{{index}}' data-sindex='{{key}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: 100rpx;height: 100rpx;'></image>
                        <view class='li-items-text' wx:if='{{val.status!="active"}}'>{{val.text}}</view>
                        <image wx:if='{{!isYes&&val.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
                        <image wx:if='{{isYes&&val.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
                    </view>
                </view>
                 <view class='li-yes' wx:if='{{isAnswer}}'>
                    <view wx:if='{{isYes}}'>回答正确</view>
                    <view wx:if='{{!isYes}}'>回答错误</view>
                </view>
            </view>
         </view>

          <!-- 第一关 -->
         <view wx:if='{{level==1}}'>
            <view class='li' wx:for='{{allList[1]}}' wx:key='index' wx:if='{{item.id==isOne}}'>
                <view class='li-red-title'>下面开始正式测试</view>
                <view class='li-text' style="padding-top:10rpx;">{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: {{item.id==0?408:277}}rpx;height: {{item.id==0?155:259}}rpx;'></image>
                <view class='li-all'>
                    <view class='li-items' wx:for='{{item.answerList[isRandom]}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-lindex="{{1}}" data-mindex='{{index}}' data-sindex='{{key}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?100:132}}rpx;height: 100rpx;'></image>
                        <view class='li-items-text' wx:if='{{val.status!="active"}}'>{{val.text}}</view>
                        <image wx:if='{{!isYes&&val.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
                        <image wx:if='{{isYes&&val.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
                    </view>
                </view>
                 <view class='li-yes' wx:if='{{isAnswer}}'>
                    <view wx:if='{{isYes}}'>回答正确</view>
                    <view wx:if='{{!isYes}}'>回答错误</view>
                </view>
            </view>
         </view>

          <!-- 第二关 -->
        <view wx:if='{{level==2}}'>
            <view class='li' wx:for='{{allList[2]}}' wx:key='index' wx:if='{{item.id==isOne}}'>
                <view class='li-text'>{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: {{item.id==0?345:292}}rpx;height: {{item.id==0?260:170}}rpx;'></image>
                <view class='li-all'>
                    <view class='li-items' wx:for='{{item.answerList[isRandom]}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-lindex="{{2}}" data-mindex='{{index}}' data-sindex='{{key}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?102:155}}rpx;height: {{item.id==0?108:164}}rpx;'></image>
                        <view class='li-items-text' wx:if='{{val.status!="active"}}'>{{val.text}}</view>
                        <image wx:if='{{!isYes&&val.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
                        <image wx:if='{{isYes&&val.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
                    </view>
                </view>
                 <view class='li-yes' wx:if='{{isAnswer}}'>
                    <view wx:if='{{isYes}}'>回答正确</view>
                    <view wx:if='{{!isYes}}'>回答错误</view>
                </view>
            </view>
        </view>

          <!-- 第三关 -->
         <view wx:if='{{level==3}}'>
            <view class='li' wx:for='{{allList[3]}}' wx:key='index' wx:if='{{item.id==isOne}}'>
                <view class='li-text'>{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: {{item.id==0?524:220}}rpx;height: {{item.id==0?183:234}}rpx;'></image>
                <view class='li-all'>
                    <view class='li-items' wx:for='{{item.answerList[isRandom]}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-lindex="{{3}}" data-mindex='{{index}}' data-sindex='{{key}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?140:128}}rpx;height: {{item.id==0?160:170}}rpx;'></image>
                        <view class='li-items-text' wx:if='{{val.status!="active"}}'>{{val.text}}</view>
                        <image wx:if='{{!isYes&&val.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
                        <image wx:if='{{isYes&&val.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
                    </view>
                </view>
                 <view class='li-yes' wx:if='{{isAnswer}}'>
                    <view wx:if='{{isYes}}'>回答正确</view>
                    <view wx:if='{{!isYes}}'>回答错误</view>
                </view>
            </view>
         </view>

          <!-- 第四关 -->
         <view wx:if='{{level==4}}'>
            <view class='li' wx:for='{{allList[4]}}' wx:key='index' wx:if='{{item.id==isOne}}'>
                <view class='li-text'>{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: {{item.id==0?299:345}}rpx;height: {{item.id==0?206:260}}rpx;'></image>
                <view class='li-all'>
                    <view class='li-items' wx:for='{{item.answerList[isRandom]}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-lindex="{{4}}" data-mindex='{{index}}' data-sindex='{{key}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?155:108}}rpx;height: {{item.id==0?164:130}}rpx;'></image>
                        <view class='li-items-text' wx:if='{{val.status!="active"}}'>{{val.text}}</view>
                        <image wx:if='{{!isYes&&val.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
                        <image wx:if='{{isYes&&val.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
                    </view>
                </view>
                 <view class='li-yes' wx:if='{{isAnswer}}'>
                    <view wx:if='{{isYes}}'>回答正确</view>
                    <view wx:if='{{!isYes}}'>回答错误</view>
                </view>
            </view>
         </view>

          <!-- 第五关 -->
         <view wx:if='{{level==5}}'>
            <view class='li' wx:for='{{allList[5]}}' wx:key='index' wx:if='{{item.id==isOne}}'>
                <view class='li-text'>{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: {{item.id==0?479:386}}rpx;height: {{item.id==0?316:298}}rpx;'></image>
                <view class='li-all'>
                    <view class='li-items' wx:for='{{item.answerList[isRandom]}}' wx:key='key' wx:for-item='val' wx:for-index='key' data-lindex="{{5}}" data-mindex='{{index}}' data-sindex='{{key}}' bindtap='selectItems'>
                        <view wx:if='{{item.id==0}}' class='li-items-select'>{{val.img}}</view>
                        <image wx:if='{{item.id==1}}' src='{{val.img}}' class='li-items-img' style='width: 130rpx;height: 100rpx;'></image>
                        <view class='li-items-text' wx:if='{{val.status!="active"}}'>{{val.text}}</view>
                        <image wx:if='{{!isYes&&val.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
                        <image wx:if='{{isYes&&val.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
                    </view>
                </view>
                 <view class='li-yes' wx:if='{{isAnswer}}'>
                    <view wx:if='{{isYes}}'>回答正确</view>
                    <view wx:if='{{!isYes}}'>回答错误</view>
                </view>
            </view>
         </view>
      </view>
  </view>
</view>