aiJia_game/pages/xin_li_xuan_zhuan/xin_li_xuan_zhuan.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='{{isXlxz}}'>
        <image src='../../image/xlxz.png' class='guide-img'></image>
        <view class='guide-btn' bindtap='actionAnswer'>开始答题</view>
      </view>
      <!-- 心理旋转 -->
      <view wx:if='{{!isXlxz}}'>
         <!-- 练习关 -->
        <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: 89rpx;height: 102rpx;'></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: 110rpx;height: 110rpx;'></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?93:175}}rpx;height: {{item.id==0?105:156}}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: 110rpx;height: 110rpx;'></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?210:165}}rpx;height: {{item.id==0?210:175}}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: 130rpx;height: 130rpx;'></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?260:258}}rpx;height: {{item.id==0?249:187}}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?133:122}}rpx;height: {{item.id==0?133:135}}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?203:175}}rpx;height: {{item.id==0?242:156}}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: {{val.id==0?123:124}}rpx;height: {{item.id==0?145:138}}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?235:181}}rpx;height: {{item.id==0?224:196}}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' >
                        <image src='{{val.img}}' class='li-items-img' style='width: {{item.id==0?122:140}}rpx;height: {{item.id==0?122:140}}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>
  </view>
</view>