index.wxml 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <wxs module="filter" src="../../../wxs/exam-fun.wxs"></wxs>
  2. <view class="exam-page p10" wx:if="{{index<total}}">
  3. <view class="view-wrap">
  4. <view class="exam-count-down">
  5. {{types[type]}} ({{index+1}}/{{total}})
  6. <text style="margin-left:10rpx;margin-right:10rpx">背景模式</text>
  7. <i-switch value="{{showResult}}" bind:change="onChange"></i-switch>
  8. </view>
  9. </view>
  10. <i-panel i-class="exam-panel-title">
  11. <i-cell-group i-class="exam-cell">
  12. <!-- 单选题 -->
  13. <i-cell wx:if="{{info.type ==2}}">
  14. <view class="single">
  15. <rich-text nodes="[单]{{info.title}}" />
  16. <radio-group class="radio-answer" bindchange="radioChange" data-index="{{index}}">
  17. <label class="radio" wx:for="{{preList}}" wx:for-item="answer" wx:key="anserIndex"
  18. wx:if="{{info['answer'+(index+1)]}}">
  19. <view class="radio-answer">
  20. <radio color="#2d8cf0" value="{{index+1}}" checked="{{info.select==index+1}}"
  21. disabled="{{info.select>0?true:false}}">
  22. {{preList[index]}}. {{info['answer'+(index+1)]}}
  23. </radio>
  24. </view>
  25. </label>
  26. </radio-group>
  27. <view class="exam-clear mt20" wx:if="{{info.select>0}}">
  28. <view class="exam-extend-item">
  29. 答题结果:
  30. <text class="question-answer-right question-answer-result" wx:if="{{info.select==info.result}}">正确
  31. </text>
  32. <text class="question-answer-error question-answer-result" wx:else>错误</text>
  33. </view>
  34. <view class="exam-extend-item">
  35. 正确答案:
  36. <text wx:if="{{info.type==2}}"> {{preList[info.result-1]}}</text>
  37. </view>
  38. </view>
  39. </view>
  40. </i-cell>
  41. <!-- 多选题 -->
  42. <i-cell wx:if="{{info.type==3}}">
  43. <view>
  44. <rich-text nodes="[多]{{info.title}}" />
  45. <checkbox-group class="checkbox-answer" style="margin-top:30rpx" bindchange="checkboxChange"
  46. data-index="{{index}}">
  47. <label class="checkbox" wx:for="{{preList}}" wx:for-item="answer" wx:key=""
  48. wx:if="{{info['answer'+(index+1)]}}">
  49. <view class="checkbox-answer">
  50. <checkbox color="#2d8cf0" value="{{index+1}}" disabled="{{!!info._select}}"
  51. checked="{{filter.isSelect(index+1,info.select)}}">
  52. {{answer}}. {{info['answer'+(index+1)]}}
  53. </checkbox>
  54. </view>
  55. </label>
  56. </checkbox-group>
  57. </view>
  58. <view class="exam-clear mt20" wx:if="{{isFinish || info._select}}">
  59. <view class="exam-extend-item">
  60. 答题结果:
  61. <text class="question-answer-right question-answer-result" wx:if="{{info.select==info.result}}">正确
  62. </text>
  63. <text class="question-answer-error question-answer-result" wx:else>错误</text>
  64. </view>
  65. <view class="exam-extend-item">
  66. 正确答案:
  67. <text> {{filter.getMultResult(info.result)}}</text>
  68. </view>
  69. </view>
  70. </i-cell>
  71. <!-- 判断 -->
  72. <i-cell wx:if="{{info.type==1}}">
  73. <view>
  74. <rich-text nodes="[判]{{info.title}}" />
  75. <radio-group class="radio-answer" bindchange="radioChange" data-index="{{index}}">
  76. <label class="radio" wx:for="{{2}}" wx:for-item="answer">
  77. <view class="radio-answer">
  78. <radio color="#2d8cf0" value="{{index+1}}" checked="{{info.select==index+1}}"
  79. disabled="{{info.select>0?true:false}}">
  80. {{preList[index]}}. {{info['answer'+(index+1)]}}
  81. </radio>
  82. </view>
  83. </label>
  84. </radio-group>
  85. </view>
  86. <view class="exam-clear mt20" wx:if="{{ info.select>0}}">
  87. <view class="exam-extend-item">
  88. 答题结果:
  89. <text class="question-answer-right question-answer-result" wx:if="{{info.select==info.result}}">正确
  90. </text>
  91. <text class="question-answer-error question-answer-result" wx:else>错误</text>
  92. </view>
  93. <view class="exam-extend-item">
  94. 正确答案:
  95. <text> {{info.result==1?'正确':'错误'}}</text>
  96. </view>
  97. </view>
  98. </i-cell>
  99. </i-cell-group>
  100. </i-panel>
  101. <view class="flex-btn">
  102. <button class="i-btn i-btn-primary" style="padding: 0 50rpx" bindtap='finishAnswer' data-action="prev">上一题</button>
  103. <button class="i-btn i-btn-primary" style="padding: 0 50rpx" bindtap='finishAnswer' data-action="next">下一题</button>
  104. </view>
  105. </view>
  106. <view wx:else style="text-align:center;margin-top:40rpx">
  107. <button class="i-btn i-btn-primary i-btn-square" bindtap='restartAnswer'>重新再刷一遍</button>
  108. </view>