aiJia_game/pages/tu_xing_tui_li/tu_xing_tui_li.wxml

<!--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='{{isTxtl}}'>
        <image src='../../image/txtl.png' class='guide-img'></image>
        <view class='guide-btn' bindtap='actionAnswer'>开始答题</view>
      </view>
      <!-- 图形推理 -->
      <view wx:if='{{!isTxtl}}'>
          <!-- 练习关 -->
         <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: 278rpx;height: 184rpx;'></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' wx:if='{{key<3}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: 130rpx;height: 80rpx;'></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-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}}' wx:if='{{key>2}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: 130rpx;height:80rpx;'></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'>{{item.title}}</view>
                <image src='{{item.imgTitle}}' class='li-image' style='width: {{item.id==0?324:286}}rpx;height: {{item.id==0?199:213}}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' wx:if='{{key<3}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?160:140}}rpx;height: {{item.id==1?100:90}}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-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}}' wx:if='{{key>2}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?160:140}}rpx;height: {{item.id==0?100:90}}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==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?341:315}}rpx;height: {{item.id==0?222:210}}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' wx:if='{{key<4}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?110:120}}rpx;height: {{item.id==0?76:100}}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-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}}' wx:if='{{key>3}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?110:120}}rpx;height: {{item.id==0?76:100}}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?313:345}}rpx;height: {{item.id==0?209:227}}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' wx:if='{{key<4}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?120:130}}rpx;height: {{item.id==0?100:80}}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-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}}' wx:if='{{key>3}}' bindtap='selectItems'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?120:130}}rpx;height: {{item.id==0?100:80}}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?339:310}}rpx;height: {{item.id==0?217:210}}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' wx:if='{{key<4}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?120:109}}rpx;height: {{item.id==0?100:80}}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-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' wx:if='{{key>3}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?120:109}}rpx;height: {{item.id==0?100:80}}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?326:333}}rpx;height: {{item.id==0?220:222}}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' wx:if='{{key<4}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: 120rpx;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-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' wx:if='{{key>3}}'>
                        <image src='{{val.img}}' class='li-items-img' style='width: 120rpx;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>