shi_jue_suo_sou.wxml 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!--pages/shi_jue_suo_sou/shi_jue_suo_sou.wxml-->
  2. <view class='container'>
  3. <image src='../../image/block.png' class='block' style="padding-top:{{statusBar+10}}px" bindtap='blockCtl'></image>
  4. <view class='wrapper' style="margin-top:{{statusBar-10}}px">
  5. <view class="white" wx:if="{{isWhite}}"></view>
  6. <view class='li' wx:if='{{isSjss}}'>
  7. <image src='../../image/sjss.png' class='guide-img'></image>
  8. <view class='guide-btn' bindtap='actionAnswer'>开始答题</view>
  9. </view>
  10. <!-- 视觉搜索 -->
  11. <view wx:if='{{!isSjss}}' class="li-items">
  12. <!-- 练习关 -->
  13. <view wx:if='{{level==0}}'>
  14. <view class='li'>
  15. <view class='li-text'>
  16. <view class='li-red-title'>正式测试前先练习一下吧:</view>
  17. <view style="text-align: left;padding-left: 24rpx;">请找出下列形状不同的图</view>
  18. </view>
  19. <view class='li-four'>
  20. <view class='li-four-item' wx:for='{{exerciseList}}' wx:key='index' style='top:{{index==0?216:index==1?192:index==2?404:index==3?584:index==4?599:index==5?564:index==6?434:248}}rpx;left:{{index==0?160:index==1?322:index==2?106:index==3?152:index==4?322:index==5?471:index==6?501:479}}rpx'>
  21. <image src='{{item.img}}' class='li-four-item-imgT' style='transform:rotate({{index==0?role0:index==1?role1:index==2?role2:index==3?role3:index==4?role4:index==5?role5:index==6?role6:role7}}deg);' wx:if='{{isOneImgShow}}' data-mindex='{{index}}' bindtap='exerciseSelectItems'></image>
  22. <image src='{{item.isAnswer?yesImg:noImg}}' class='li-four-item-yes' wx:if='{{isAnswer&&item.status=="active"}}'></image>
  23. </view>
  24. <view class='li-four-point'></view>
  25. </view>
  26. <view class='li-yes' wx:if='{{isAnswer}}'>
  27. <view wx:if='{{isYes}}'>回答正确</view>
  28. <view wx:if='{{!isYes}}'>回答错误</view>
  29. </view>
  30. </view>
  31. </view>
  32. <!-- 第一关 -->
  33. <view wx:if='{{level==1}}'>
  34. <view class='li'>
  35. <view class='li-red-title' wx:if='{{nIndex==0}}'>下面开始正式测试</view>
  36. <view class='li-text li-flex'>
  37. <text>请找出下列形状不同的图</text>
  38. <view>{{nIndex+1}}/<text class="li-text-num">20</text></view>
  39. </view>
  40. <view class='li-four'>
  41. <view class='li-four-item' wx:for='{{oneList[nIndex]}}' wx:key='index' style='top:{{index==0?216:index==1?192:index==2?404:index==3?584:index==4?599:index==5?564:index==6?434:248}}rpx;left:{{index==0?160:index==1?322:index==2?106:index==3?152:index==4?322:index==5?471:index==6?501:479}}rpx'>
  42. <image src='{{item.img}}' class='li-four-item-imgT' style='transform:rotate({{index==0?role0:index==1?role1:index==2?role2:index==3?role3:index==4?role4:index==5?role5:index==6?role6:role7}}deg);width:93rpx;height:93rpx' wx:if='{{isOneImgShow}}' data-lindex="{{nIndex}}" data-mindex='{{index}}' bindtap='selectItems'></image>
  43. <image src='{{item.isAnswer?yesImg:noImg}}' class='li-four-item-yes' wx:if='{{item.status=="active"}}'></image>
  44. </view>
  45. <view class='li-four-point'></view>
  46. </view>
  47. <view class='li-yes' wx:if='{{isAnswer}}'>
  48. <view wx:if='{{isYes}}'>回答正确</view>
  49. <view wx:if='{{!isYes}}'>回答错误</view>
  50. </view>
  51. </view>
  52. </view>
  53. </view>
  54. </view>
  55. </view>