study_wxapp/pages/train/orderTest/answer.wxml

<wxs module="filter" src="../../../wxs/exam-fun.wxs"></wxs>

<view class="exam-page p10">
  <view class="view-wrap">
    <view class="exam-count-down">
      {{types[type]}} ({{total-index}}/{{total}})
      <text style="margin-left:10rpx;margin-right:10rpx" >{{showResult?'背题模式':'答题模式'}}</text>
      <i-switch value="{{showResult}}" bind:change="onChange"></i-switch>
    </view>
  </view>

  <i-panel i-class="exam-panel-title">
    <i-cell-group i-class="exam-cell">
      <!-- 单选题 -->
      <i-cell wx:if="{{info.type ==2}}">
        <view class="single">
          <rich-text nodes="[单]{{info.title}}" />
          <radio-group class="radio-answer" bindchange="radioChange" data-index="{{index}}" >
            <label class="radio" wx:for="{{preList}}" wx:for-item="answer" wx:key="answerId"
              wx:if="{{info['answer'+(index+1)]}}">
              <view class="radio-answer">
                <radio color="#2d8cf0" value="{{index+1}}" checked="{{info.select==index+1}}">
                  {{preList[index]}}. {{info['answer'+(index+1)]}}
                </radio>
              </view>
            </label>
          </radio-group>

          <view class="exam-clear mt20" wx:if="{{ isConfirm || showResult}}">
            <view class="exam-extend-item">
              答题结果:
              <text class="question-answer-right question-answer-result" wx:if="{{info.select==info.result}}">正确
              </text>
              <text class="question-answer-error question-answer-result" wx:else>错误</text>
            </view>

            <view class="exam-extend-item">
              正确答案:
              <text wx:if="{{info.type==2}}"> {{preList[info.result-1]}}</text>
            </view>
          </view>
        </view>
      </i-cell>
      <!-- 多选题 -->
      <i-cell wx:if="{{info.type==3}}">
        <view>
          <rich-text nodes="[多]{{info.title}}" />
          <checkbox-group class="checkbox-answer" style="margin-top:30rpx" bindchange="checkboxChange"
            data-index="{{index}}">
            <label class="checkbox" wx:for="{{preList}}" wx:for-item="answer"
              wx:if="{{info['answer'+(index+1)]}}">
              <view class="checkbox-answer">
                <checkbox color="#2d8cf0" value="{{index+1}}" checked="{{filter.isSelect(index+1,info.select)}}">
                  {{answer}}. {{info['answer'+(index+1)]}}
                </checkbox>
              </view>
            </label>
          </checkbox-group>
        </view>

        <view class="exam-clear mt20" wx:if="{{ isConfirm || showResult}}">
          <view class="exam-extend-item">
            答题结果:
            <text class="question-answer-right question-answer-result" wx:if="{{info.select==info.result}}">正确
            </text>
            <text class="question-answer-error question-answer-result" wx:else>错误</text>
          </view>
          <view class="exam-extend-item">
            正确答案:
            <text> {{filter.getMultResult(info.result)}}</text>
          </view>
        </view>

      </i-cell>
      <!-- 判断 -->
      <i-cell wx:if="{{info.type==1}}">
        <view>
          <rich-text nodes="[判]{{info.title}}" />
          <radio-group class="radio-answer" bindchange="radioChange" data-index="{{index}}">
            <label class="radio" wx:for="{{2}}" wx:for-item="answer" wx:key="index">
              <view class="radio-answer">
                <radio color="#2d8cf0" value="{{index+1}}" checked="{{info.select==index+1}}">
                  {{preList[index]}}. {{info['answer'+(index+1)]}}
                </radio>
              </view>
            </label>
          </radio-group>
        </view>
        <view class="exam-clear mt20" wx:if="{{ isConfirm || showResult}}">
          <view class="exam-extend-item">
            答题结果:
            <text class="question-answer-right question-answer-result" wx:if="{{info.select==info.result}}">正确
            </text>
            <text class="question-answer-error question-answer-result" wx:else>错误</text>
          </view>
          <view class="exam-extend-item">
            正确答案:
            <text> {{info.result==1?'正确':'错误'}}</text>
          </view>
        </view>
      </i-cell>

      <i-cell wx:if="{{info.type==4}}">
        <view>
          <rich-text nodes="【案例背景】{{info.title}}" />
        </view>
        <i-cell-group wx:for="{{info.child}}" wx:key="answerId" wx:for-index="cid">
          <!-- 案例单选题 -->
          <i-cell wx:if="{{item.type ==2}}">
            <view class="single">
              <rich-text nodes="[单]{{item.title}}" />
              <radio-group class="radio-answer" bindchange="radioChange"  data-index="{{index}}" data-cid="{{cid}}">
                <label class="radio" wx:for="{{preList}}" wx:for-item="answer" wx:key="answerId" wx:for-index="pindex"
                  wx:if="{{item['answer'+(pindex+1)]}}">
                  <view class="radio-answer">
                    <radio color="#2d8cf0" value="{{pindex+1}}" checked="{{item.select==pindex+1}}">
                      {{preList[pindex]}}. {{item['answer'+(pindex+1)]}}
                    </radio>
                  </view>
                </label>
              </radio-group>

              <view class="exam-clear mt20" wx:if="{{ isConfirm || showResult}}">
                <view class="exam-extend-item">
                  答题结果:
                  <text class="question-answer-right question-answer-result" wx:if="{{item.select==item.result}}">正确
                  </text>
                  <text class="question-answer-error question-answer-result" wx:else>错误</text>
                </view>

                <view class="exam-extend-item">
                  正确答案:
                  <text wx:if="{{item.type==2}}"> {{preList[item.result-1]}}</text>
                </view>
              </view>
            </view>
          </i-cell>
          <!-- 多选题 -->
          <i-cell wx:if="{{item.type==3}}">
            <view>
              <rich-text nodes="[多]{{item.title}}" />
              <checkbox-group class="checkbox-answer" style="margin-top:30rpx" data-cid="{{cid}}" 
              bindchange="checkboxChange"
                data-index="{{index}}">
                <label class="checkbox" wx:for="{{preList}}" wx:for-item="answer" wx:key="answerId" wx:for-index="pindex"
                  wx:if="{{item['answer'+(pindex+1)]}}">
                  <view class="checkbox-answer">
                    <checkbox color="#2d8cf0" value="{{pindex+1}}"  checked="{{filter.isSelect(pindex+1,item.select)}}">
                      {{answer}}. {{item['answer'+(pindex+1)]}}
                    </checkbox>
                  </view>
                </label>
              </checkbox-group>
            </view>

            <view class="exam-clear mt20" wx:if="{{ isConfirm || showResult}}">
              <view class="exam-extend-item">
                答题结果:
                <text class="question-answer-right question-answer-result" wx:if="{{item.select==item.result}}">正确
                </text>
                <text class="question-answer-error question-answer-result" wx:else>错误</text>
              </view>
              <view class="exam-extend-item">
                正确答案:
                <text> {{filter.getMultResult(item.result)}}</text>
              </view>
            </view>

          </i-cell>
          <!-- 判断 -->
          <i-cell wx:if="{{item.type==1}}">
            <view>
              <rich-text nodes="[判]{{item.title}}" />
              <radio-group class="radio-answer" bindchange="radioChange" data-index="{{index}}" data-cid="{{cid}}">
                <label class="radio" wx:for="{{2}}" wx:for-item="answer">
                  <view class="radio-answer">
                    <radio color="#2d8cf0" value="{{index+1}}" checked="{{item.select==index+1}}" >
                      {{preList[index]}}. {{item['answer'+(index+1)]}}
                    </radio>
                  </view>
                </label>
              </radio-group>
            </view>
            <view class="exam-clear mt20" wx:if="{{ isConfirm || showResult}}">
              <view class="exam-extend-item">
                答题结果:
                <text class="question-answer-right question-answer-result" wx:if="{{item.select==item.result}}">正确
                </text>
                <text class="question-answer-error question-answer-result" wx:else>错误</text>
              </view>
              <view class="exam-extend-item">
                正确答案:
                <text> {{item.result==1?'正确':'错误'}}</text>
              </view>
            </view>
          </i-cell>
        </i-cell-group>
      </i-cell>
    </i-cell-group>
  </i-panel>
  <view style="display: flex; float: center;" wx:if="{{isConfirm||showResult}}">
    <button class="i-btn  i-btn-primary" style="width: 50%;" bindtap='prevAnswer' data-action="prev">上一题</button>
    <button class="i-btn  i-btn-warning" style="width: 50%;" bindtap='nextAnswer' data-action="next">下一题</button>
  </view>
  <view style="text-align:center;margin-top:30rpx" wx:else>
    <button  class="i-btn  i-btn-primary i-btn-square" bindtap='confirmAnswer'>确认答案</button>
  </view>
</view>

<view style="text-align:center;margin-top:40rpx">
  <button class="i-btn  i-btn-success i-btn-square" bindtap='restartAnswer'>回到第一题</button>
</view>