lian_xi.wxml 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!--pages/tu_xing_tui_li/tu_xing_tui_li.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'>
  5. <view>
  6. <!-- 第一题 -->
  7. <view class='li' wx:if='{{level==1}}'>
  8. <view class='li-exercise'>{{lianxiList[0].header}}</view>
  9. <view class='li-text'>{{lianxiList[0].title}}</view>
  10. <image src='{{lianxiList[0].imgTitle}}' class='li-image' style='width: 278rpx;height: 184rpx;'></image>
  11. <view class='li-all'>
  12. <view class='li-items' wx:for='{{lianxiList[0].answerList}}' wx:key='index' data-bindex='{{0}}' data-sindex='{{index}}' bindtap='selectItems' wx:if='{{index<3}}'>
  13. <image src='{{item.img}}' class='li-items-img' style='width: 130rpx;height:80rpx;'></image>
  14. <view class='li-items-text' wx:if='{{item.status!="active"}}'>{{item.text}}</view>
  15. <image wx:if='{{!isYes&&item.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
  16. <image wx:if='{{isYes&&item.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
  17. </view>
  18. </view>
  19. <view class='li-all'>
  20. <view class='li-items' wx:for='{{lianxiList[0].answerList}}' wx:key='index' data-bindex='{{0}}' data-sindex='{{index}}' bindtap='selectItems' wx:if='{{index>2}}'>
  21. <image src='{{item.img}}' class='li-items-img' style='width: 130rpx;height:80rpx;'></image>
  22. <view class='li-items-text' wx:if='{{item.status!="active"}}'>{{item.text}}</view>
  23. <image wx:if='{{!isYes&&item.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
  24. <image wx:if='{{isYes&&item.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
  25. </view>
  26. </view>
  27. <view class='li-yes' wx:if='{{isAnswer}}'>
  28. <view wx:if='{{isYes}}'>回答正确</view>
  29. <view wx:if='{{!isYes}}'>回答错误</view>
  30. </view>
  31. </view>
  32. <!-- 第二题 -->
  33. <view class='li' wx:if='{{level==2}}'>
  34. <view class='li-exercise'>{{lianxiList[1].header}}</view>
  35. <view class='li-text'>{{lianxiList[1].title}}</view>
  36. <image src='{{lianxiList[1].imgTitle}}' class='li-image' style='width: 89rpx;height: 102rpx;'></image>
  37. <view class='li-all'>
  38. <view class='li-items' wx:for='{{lianxiList[1].answerList}}' wx:key='index' data-bindex='{{1}}' data-sindex='{{index}}' bindtap='selectItems' >
  39. <image src='{{item.img}}' class='li-items-img' style='width: 112rpx;height: 112rpx;'></image>
  40. <view class='li-items-text' wx:if='{{item.status!="active"}}'>{{item.text}}</view>
  41. <image wx:if='{{!isYes&&item.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
  42. <image wx:if='{{isYes&&item.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
  43. </view>
  44. </view>
  45. <view class='li-yes' wx:if='{{isAnswer}}'>
  46. <view wx:if='{{isYes}}'>回答正确</view>
  47. <view wx:if='{{!isYes}}'>回答错误</view>
  48. </view>
  49. </view>
  50. <!-- 第三题 -->
  51. <view class='li' wx:if='{{level==3}}'>
  52. <view class='li-exercise'>{{lianxiList[2].header}}</view>
  53. <view class='li-text'>{{lianxiList[2].title}}</view>
  54. <image src='{{lianxiList[2].imgTitle}}' class='li-image' style='width: 232rpx;height: 158rpx;'></image>
  55. <view class='li-all'>
  56. <view class='li-items' wx:for='{{lianxiList[2].answerList}}' wx:key='index' data-bindex='{{2}}' data-sindex='{{index}}' bindtap='selectItems'>
  57. <image src='{{item.img}}' class='li-items-img' style='width: 101rpx;height:101rpx;'></image>
  58. <view class='li-items-text' wx:if='{{item.status!="active"}}'>{{item.text}}</view>
  59. <image wx:if='{{!isYes&&item.status=="active"}}' src='../../image/no.png' class='li-items-text'></image>
  60. <image wx:if='{{isYes&&item.status=="active"}}' src='../../image/yes.png' class='li-items-text'></image>
  61. </view>
  62. </view>
  63. <view class='li-yes' wx:if='{{isAnswer}}'>
  64. <view wx:if='{{isYes}}'>回答正确</view>
  65. <view wx:if='{{!isYes}}'>回答错误</view>
  66. </view>
  67. </view>
  68. <!-- 第四题 -->
  69. <view class='li' wx:if='{{level==4}}'>
  70. <view wx:if='{{isOneShow}}'>
  71. <view class='li-exercise'>{{lianxiList[3].header}}</view>
  72. <view class='li-text'>{{lianxiList[3].title}}</view>
  73. <view class='li-four'>
  74. <image wx:for='{{lianxiList[3].titleList}}' wx:key='index' src='{{item.img}}' class='li-four-img' style='top:{{index==0?139:index==1?374:335}}rpx;left:{{index==0?234:index==1?121:403}}rpx' wx:if='{{isOneImgShow}}'></image>
  75. <view class='li-four-point' wx:if='{{isOnePointShow}}'></view>
  76. </view>
  77. </view>
  78. <view wx:if='{{!isOneShow}}'>
  79. <view class='li-exercise'>{{lianxiList[3].header}}</view>
  80. <view class='li-text'>{{lianxiList[3].titleOne}}</view>
  81. <view class='li-four'>
  82. <view class='li-four-select' wx:for='{{lianxiList[3].answerList}}' wx:key='index' style='top:{{index==0?139:index==1?374:335}}rpx;left:{{index==0?234:index==1?121:403}}rpx' data-bindex='{{3}}' data-sindex='{{index}}' bindtap='selectItems'>
  83. <image src='{{item.img}}' class='li-four-select-img' ></image>
  84. <image wx:if='{{!isYes&&item.status=="active"}}' src='{{noImg}}' class='li-four-yes'></image>
  85. <image wx:if='{{isYes&&item.status=="active"}}' src='{{yesImg}}' class='li-four-yes'></image>
  86. </view>
  87. <view class='li-four-point'></view>
  88. </view>
  89. <view class='li-yes' wx:if='{{isAnswer}}'>
  90. <view wx:if='{{isYes}}'>回答正确</view>
  91. <view wx:if='{{!isYes}}'>回答错误</view>
  92. </view>
  93. </view>
  94. </view>
  95. <!-- 第五题 -->
  96. <view class='li' wx:if='{{level==5}}'>
  97. <view wx:if='{{isTwoShow}}'>
  98. <view class='li-exercise'>{{lianxiList[4].header}}</view>
  99. <view class='li-text'>{{lianxiList[4].title}}</view>
  100. <view class='li-four'>
  101. <image wx:for='{{lianxiList[4].titleList}}' wx:key='index' src='{{item.img}}' class='li-four-img' style='top:{{index==0?139:index==1?374:335}}rpx;left:{{index==0?234:index==1?121:403}}rpx;' wx:if='{{isTwoImgShow}}'></image>
  102. <view class='li-four-point' wx:if='{{isTwoPointShow}}'></view>
  103. </view>
  104. </view>
  105. <view wx:if='{{!isTwoShow}}'>
  106. <view class='li-exercise'>{{lianxiList[4].header}}</view>
  107. <view class='li-text'>{{lianxiList[4].titleOne}}</view>
  108. <view class='li-four'>
  109. <view class='li-four-select' wx:for='{{lianxiList[4].answerList}}' wx:key='index' style='top:{{index==0?139:index==1?374:335}}rpx;left:{{index==0?234:index==1?121:403}}rpx' data-bindex='{{4}}' data-sindex='{{index}}' bindtap='selectItems'>
  110. <image src='{{item.img}}' class='li-four-select-img' ></image>
  111. <image wx:if='{{!isYes&&item.status=="active"}}' src='{{noImg}}' class='li-four-yes'></image>
  112. <image wx:if='{{isYes&&item.status=="active"}}' src='{{yesImg}}' class='li-four-yes'></image>
  113. </view>
  114. <view class='li-four-point'></view>
  115. </view>
  116. <view class='li-yes' wx:if='{{isAnswer}}'>
  117. <view wx:if='{{isYes}}'>回答正确</view>
  118. <view wx:if='{{!isYes}}'>回答错误</view>
  119. </view>
  120. </view>
  121. </view>
  122. </view>
  123. </view>
  124. </view>