骨架屏及选择选中后自动跳转

zhongshujie

2024-12-19 8aeddcf766df9f7e3061d4d098b57afdf53db896

骨架屏及选择选中后自动跳转

 .vscode/settings.json

@@ -32,7 +32,7 @@
  },
  "editor.tabSize": 2,
  "[wxml]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
    "editor.defaultFormatter": "wechat.miniprogram.wxml-language-features"
  },
  "[css]": {
    "editor.defaultFormatter": "HookyQR.beautify"

 packageBookService/pages/psychologyAnswer/psychologyAnswer.js

@@ -289,6 +289,7 @@
      showId: lastItem.id
    });
  },

  // 我的错题，收藏查看解析按钮
  viewParsing() {
    if (
@@ -387,6 +388,12 @@
        radioChange(citem)
      }
    }
    const listLength = this.data.questionDataList.length - 1
    if (this.data.currentIndex < listLength) {
      this.setData({
        currentIndex: this.data.currentIndex + 1
      })
    }
  },
  // 输入框触发
  onChangeInput(e) {
@@ -484,9 +491,6 @@
    });
    this.setData({
      loading: false,
      showDialog: false,
    });
    this.setData({
      isShowDialog: true,
      submitStatus: true,
    });
@@ -494,7 +498,7 @@
  // 初始化函数
  async init(isReset) {
    this.setData({
      showDialog: true,
      isShowDialog: false,
      loading: true,
    });
    const questuionName = this.data.questuionName
@@ -652,6 +656,7 @@
  },
  async restart() {
    this.setData({
      isShowDialog: false,
      currentIndex: 0,
      submitStatus: false,
    });

 packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxml

New file
@@ -0,0 +1,93 @@
<!--
此文件为开发者工具生成，生成时间: 2024/12/19下午3:05:54
使用方法：
在 D:\JiaRuan\jsek-applet\packageBookService\pages\psychologyAnswer\psychologyAnswer.wxml 引入模板

```
<import src="psychologyAnswer.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\JiaRuan\jsek-applet\packageBookService\pages\psychologyAnswer\psychologyAnswer.wxss 中引入样式
```
@import "./psychologyAnswer.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="page" style="background-color:">
      <view class="page-content" style="background-color:">
        <view is="packageBookService/pages/psychologyAnswer/questionList/index">
          <view class="questionList-index--question-list" style="background-color:#fff">
            <view class="questionList-index--question-title" id="15fc288f--question-title">
              <rich-text class="questionList-index--substance" nodes="" space="emsp"></rich-text>
            </view>
            <swiper class="questionList-index--swiper" current="0" id="15fc288f--swiper" style="height:100%" autoplay="false">
              <swiper-item style="overflow-y: auto; position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                <view class="questionList-index--question-stem questionList-index--title-score" style="color: #000; font-size: 16px;">
                  <text class="sk-transparent sk-text-14-2857-769 sk-text">1.</text>
                  <view class="questionList-index--title-content questionList-index--text-space sk-transparent sk-text-16-6667-358 sk-text">我不是一个很积极的人。</view>
                </view>
                <view class="questionList-index--question-answer">
                  <view class="t-radio-group radio-group--t-radio-group questionList-index--radio-group " style="true">
                    <view>
                      <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block  " style="background-color: #fff;" tabindex="0">
                        <view class="t-radio__content radio--t-radio__content" data-target="text">
                          <view class="t-radio__title radio--t-radio__title " style="-webkit-line-clamp:3">
                            <view class="questionList-index--radio-item" style="font-size: 16px;">
                              <view class="questionList-index--text-space sk-transparent sk-text-16-6667-817 sk-text">
                                A、是
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view>
                      <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block  " style="background-color: #fff;" tabindex="0">
                        <view class="t-radio__content radio--t-radio__content" data-target="text">
                          <view class="t-radio__title radio--t-radio__title t-radio__title--checked radio--t-radio__title--checked " style="-webkit-line-clamp:3">
                            <view class="questionList-index--radio-item questionList-index--radio-active" style="font-size: 16px;">
                              <view class="questionList-index--text-space sk-transparent sk-text-16-6667-488 sk-text">
                                B、否
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </swiper-item>
            </swiper>
          </view>
        </view>
      </view>
      <view class="page-bottom" style="background-color:">
        <view is="packageBookService/pages/psychologyAnswer/questionOptions/index" id="question-options">
          <view class="questionOptions-index--page-bottom" style="color: #000; background-color:#fff">
            <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
              <image class="sk-image"></image>
              答题卡
            </view>
            <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
              <image class="sk-image"></image>
              设置
            </view>
            <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
              <image class="sk-image"></image>
              重做
            </view>
            <view class="questionOptions-index--bottom-submit">
              <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="true" open-type="true" send-message-img="截图" send-message-path="当前分享路径" send-message-title="当前标题" session-from="true" style="width:166px;border-radius:31px;" class="t-button button--t-button t-button--base button--t-button--base t-button--primary button--t-button--primary t-button--rectangle button--t-button--rectangle t-button--size-large button--t-button--size-large sk-button sk-pseudo sk-pseudo-circle">
                <view class="t-button__content button--t-button__content sk-transparent sk-text-33-6735-874 sk-text" style="background-position-x: 50%;">提交</view>
              </button>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

 packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxss

New file
@@ -0,0 +1,75 @@
/*
此文件为开发者工具生成，生成时间: 2024/12/19下午3:05:54

在 D:\JiaRuan\jsek-applet\packageBookService\pages\psychologyAnswer\psychologyAnswer.wxss 中引入样式
```
@import "./psychologyAnswer.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-769 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-16-6667-358 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 46.1538rpx;
    position: relative !important;
  }
.sk-text-16-6667-817 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 46.1538rpx;
    position: relative !important;
  }
.sk-text-16-6667-488 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 46.1538rpx;
    position: relative !important;
  }
.sk-text-33-6735-874 {
    background-image: linear-gradient(transparent 33.6735%, #EEEEEE 0%, #EEEEEE 66.3265%, transparent 0%) !important;
    background-size: 100% 94.2308rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml

@@ -1,4 +1,6 @@
<!--packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml-->
<import src="psychologyAnswer.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<view
  class="page"
  wx:if="{{!loading}}"

 packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss

@@ -1,4 +1,5 @@
/* packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss */
@import "./psychologyAnswer.skeleton.wxss";

page {
  padding: 0 !important;

 packageBookService/pages/psychologyAnswer/questionList/index.js

@@ -39,13 +39,12 @@
    }
  },
  observers: {},
  detached() {
    if (innerAudioContext) {
      innerAudioContext.stop();
      innerAudioContext.destroy();
    }

  },
  // detached() {
  //   if (innerAudioContext) {
  //     innerAudioContext.stop();
  //     innerAudioContext.destroy();
  //   }
  // },
  /**
   * 组件的初始数据
   */
@@ -132,6 +131,7 @@
      } // 触发事件的选项
      this.triggerEvent('onChangeRadio', myEventDetail, myEventOption)
    },
    
    // 多选触发
    onChangeCheck(e) {
      var myEventDetail = {

 packageBookService/pages/psychologyAnswer/questionList/index.wxml

@@ -1,31 +1,67 @@
<!--pages/bookServices/examination/questionList/index.wxml-->
<view class="question-list" style="background-color:{{isNight ? '#222' : '#fff'}}">
<view
  class="question-list"
  style="background-color:{{isNight ? '#222' : '#fff'}}"
>
  <!-- 答题提示title -->
  <view id="question-title" class="question-title" wx:if="{{questionTitle}}">
    <rich-text class="substance" nodes="{{questionTitle}}" space="emsp"></rich-text>
    <rich-text
      class="substance"
      nodes="{{questionTitle}}"
      space="emsp"
    ></rich-text>
  </view>
  <!-- 题目列表 -->
  <swiper id="swiper" class="swiper" bindanimationfinish="changeSwiper" current="{{currentIndex}}" style="{{'height:'+height}}">
    <swiper-item wx:for="{{questionList}}" wx:for-index="index" wx:key="id" style="overflow-y: auto">
  <swiper
    id="swiper"
    class="swiper"
    bindanimationfinish="changeSwiper"
    current="{{currentIndex}}"
    style="{{'height:'+height}}"
  >
    <swiper-item
      wx:for="{{questionList}}"
      wx:for-index="index"
      wx:key="id"
      style="overflow-y: auto"
    >
      <!-- 题干 -->
      <view class="question-stem title-score" style="color: {{isNight ? '#fff' : '#000'}}; font-size: {{sliderValue || 32}}rpx;">
      <view
        class="question-stem title-score"
        style="color: {{isNight ? '#fff' : '#000'}}; font-size: {{sliderValue || 32}}rpx;"
      >
        <!-- 题号 -->
        <text>{{index+1}}.</text>
        <!-- 听力题 -->
        <view wx:if="{{item.questionType == 'singleChoice' && item.src}}">
          <rich-text nodes="{{item.stem.stemTxt }}" />
          <view style="margin-top: {{item.stem.stemTxt ? '10rpx' : ''}};" class="audio-play-box" bind:tap="audioPlay" data-src="{{item.src}}">
            <image src="{{isPlay ? '/static/images/resourceDetailsMyAudio/zanting@2x.png' : '/static/images/resourceDetailsMyAudio/play@2x.png'}}" mode="aspectFit"></image>
          <view
            style="margin-top: {{item.stem.stemTxt ? '10rpx' : ''}};"
            class="audio-play-box"
            bind:tap="audioPlay"
            data-src="{{item.src}}"
          >
            <image
              src="{{isPlay ? '/static/images/resourceDetailsMyAudio/zanting@2x.png' : '/static/images/resourceDetailsMyAudio/play@2x.png'}}"
              mode="aspectFit"
            ></image>
          </view>
        </view>
        <!-- 仅文字 -->
        <view class="title-content text-space" wx:elif="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}">{{item.stem.stemTxt}}</view>
        <view
          class="title-content text-space"
          wx:elif="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}"
          >{{item.stem.stemTxt}}</view
        >
        <!-- 仅图片 -->
        <view wx:elif="{{item.stemStyle == 'Image'}}" class="title-content">
          <image src="{{item.stem.stemImage}}" mode="aspectFit" />
        </view>
        <!-- 图片加文字 -->
        <view wx:elif="{{item.stemStyle == 'TxtAndImage'}}" class="title-content text-space">
        <view
          wx:elif="{{item.stemStyle == 'TxtAndImage'}}"
          class="title-content text-space"
        >
          <view>{{item.stem.stemTxt}}</view>
          <image src="{{item.stem.stemImage}}" mode="aspectFit" />
        </view>
@@ -35,19 +71,61 @@
        </view>
        <!-- 填空题 -->
        <view wx:if="{{item.questionType == 'completion'}}">
          <view class="completion-box" wx:for="{{item.stem}}" wx:for-item="inputItem" wx:for-index="inputIndex" wx:key="inputIndex">
            <t-input disabled="{{submitStatus}}" borderless bind:change="onChangeInput" data-value="{{item.option}}" data-id="{{item.id}}" data-index="{{inputItem.num}}" class="title-input {{isNight ? 'input-night-color' : ''}}" style="border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;background-color:{{isNight ? '#000' : '#fff'}}; " placeholder-style="{{placeholderstyle}}" wx:if="{{inputItem.data == 'input'}}" placeholder="请输入文字" value="{{item.userAnswer[inputItem.num]}}"></t-input>
          <view
            class="completion-box"
            wx:for="{{item.stem}}"
            wx:for-item="inputItem"
            wx:for-index="inputIndex"
            wx:key="inputIndex"
          >
            <t-input
              disabled="{{submitStatus}}"
              borderless
              bind:change="onChangeInput"
              data-value="{{item.option}}"
              data-id="{{item.id}}"
              data-index="{{inputItem.num}}"
              class="title-input {{isNight ? 'input-night-color' : ''}}"
              style="border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;background-color:{{isNight ? '#000' : '#fff'}}; "
              placeholder-style="{{placeholderstyle}}"
              wx:if="{{inputItem.data == 'input'}}"
              placeholder="请输入文字"
              value="{{item.userAnswer[inputItem.num]}}"
            ></t-input>
            <text wx:else class="text-space">{{inputItem}}</text>
          </view>
        </view>
      </view>
      <!-- 答题区域 -->
      <view class="question-answer {{item.questionType == 'shortAnswer' ? 'textarea-center' : ''}}">
      <view
        class="question-answer {{item.questionType == 'shortAnswer' ? 'textarea-center' : ''}}"
      >
        <!-- 单选题 -->
        <t-radio-group wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}" defaultValue="{{item.userAnswer}}" disabled="{{submitStatus}}" bind:change="onChangeRadio" class="radio-group" data-id="{{item.id}}">
          <view wx:for="{{questionOptions && questionOptions.length ? questionOptions[item.optionIndex] : item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex">
            <t-radio value="{{contentItem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}">
              <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ?  item.isRight ? 'radio-correct' : 'radio-error' :''}}">
        <t-radio-group
          wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}"
          defaultValue="{{item.userAnswer}}"
          disabled="{{submitStatus}}"
          bind:change="onChangeRadio"
          class="radio-group"
          data-id="{{item.id}}"
        >
          <view
            wx:for="{{questionOptions && questionOptions.length ? questionOptions[item.optionIndex] : item.option}}"
            wx:for-item="contentItem"
            wx:for-index="contentIndex"
            wx:key="contentIndex"
          >
            <t-radio
              value="{{contentItem.value}}"
              icon="none"
              placement="right"
              borderless
              style="background-color: {{isNight ? '#222' : '#fff'}}"
            >
              <view
                style="font-size: {{sliderValue || 32}}rpx;"
                class="radio-item {{!submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ?  item.isRight ? 'radio-correct' : 'radio-error' :''}}"
              >
                <!-- 仅文字 -->
                <view wx:if="{{item.optionStyle == 'Txt'}}" class="text-space">
                  {{contentItem.value}}、{{contentItem.txt}}
@@ -58,15 +136,25 @@
                  <image src="{{contentItem.img}}" mode="aspectFit" />
                </view>
                <!-- 文字加图片 -->
                <view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center" class="TxtAndImage-box">
                <view
                  wx:if="{{item.optionStyle == 'TxtAndImage'}}"
                  class="fl-center"
                  class="TxtAndImage-box"
                >
                  <text class="text-space">{{contentItem.value}}、</text>
                  <view class="radio-textimg">{{contentItem.txt}}</view>
                  <image src="{{contentItem.img}}" mode="aspectFit" />
                </view>
                <!-- 富文本 -->
                <view wx:if="{{item.optionStyle == 'RichText'}}" class="judge-rich-box">
                <view
                  wx:if="{{item.optionStyle == 'RichText'}}"
                  class="judge-rich-box"
                >
                  <text>{{contentItem.value}}、</text>
                  <rich-text nodes="{{  contentItem.txt}}" style="display: flex; align-items: center; width: 100%"></rich-text>
                  <rich-text
                    nodes="{{  contentItem.txt}}"
                    style="display: flex; align-items: center; width: 100%"
                  ></rich-text>
                </view>
              </view>
            </t-radio>
@@ -74,10 +162,32 @@
        </t-radio-group>
        <!-- 特殊题 -->
        <view wx:if="{{item.questionType == 'linkage'}}">
          <t-radio-group defaultValue="{{item.questionTab}}" disabled="{{submitStatus}}" bind:change="handeleOption" class="radio-group" data-value="{{item.questionTab}}" data-id="{{item.id}}">
            <view wx:if="{{item.optionData}}" wx:for="{{item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex">
              <t-radio value="{{contentItem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}">
                <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.questionTab == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.questionTab == contentItem.value && submitStatus ?  item.isRight ? 'radio-correct' : 'radio-error' :''}}">
          <t-radio-group
            defaultValue="{{item.questionTab}}"
            disabled="{{submitStatus}}"
            bind:change="handeleOption"
            class="radio-group"
            data-value="{{item.questionTab}}"
            data-id="{{item.id}}"
          >
            <view
              wx:if="{{item.optionData}}"
              wx:for="{{item.option}}"
              wx:for-item="contentItem"
              wx:for-index="contentIndex"
              wx:key="contentIndex"
            >
              <t-radio
                value="{{contentItem.value}}"
                icon="none"
                placement="right"
                borderless
                style="background-color: {{isNight ? '#222' : '#fff'}}"
              >
                <view
                  style="font-size: {{sliderValue || 32}}rpx;"
                  class="radio-item {{!submitStatus && item.questionTab == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.questionTab == contentItem.value && submitStatus ?  item.isRight ? 'radio-correct' : 'radio-error' :''}}"
                >
                  <!-- 仅文字 -->
                  <view class="text-space">
                    {{contentItem.value}}、{{contentItem.txt}}
@@ -87,10 +197,31 @@
            </view>
          </t-radio-group>
          <view class="title-content text-space">{{item.stem.stem}}</view>
          <t-radio-group defaultValue="{{item.userAnswer}}" disabled="{{submitStatus}}" bind:change="onChangeRadio" class="radio-group" data-value="{{item.userAnswer}}" data-id="{{item.id}}">
            <view wx:for="{{item.optionData[item.questionTab]}}" wx:for-item="citem" wx:for-index="cindex" wx:key="cindex">
              <t-radio value="{{citem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}">
                <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.userAnswer == citem.value ? 'radio-active' : isNight ? 'night' :''}}{{item.userAnswer == citem.value && submitStatus ?  item.isRight ? 'radio-correct' : 'radio-error' :''}}">
          <t-radio-group
            defaultValue="{{item.userAnswer}}"
            disabled="{{submitStatus}}"
            bind:change="onChangeRadio"
            class="radio-group"
            data-value="{{item.userAnswer}}"
            data-id="{{item.id}}"
          >
            <view
              wx:for="{{item.optionData[item.questionTab]}}"
              wx:for-item="citem"
              wx:for-index="cindex"
              wx:key="cindex"
            >
              <t-radio
                value="{{citem.value}}"
                icon="none"
                placement="right"
                borderless
                style="background-color: {{isNight ? '#222' : '#fff'}}"
              >
                <view
                  style="font-size: {{sliderValue || 32}}rpx;"
                  class="radio-item {{!submitStatus && item.userAnswer == citem.value ? 'radio-active' : isNight ? 'night' :''}}{{item.userAnswer == citem.value && submitStatus ?  item.isRight ? 'radio-correct' : 'radio-error' :''}}"
                >
                  <!-- 仅文字 -->
                  <view class="text-space">
                    {{citem.value}}、{{citem.txt}}
@@ -102,35 +233,100 @@
        </view>

        <!-- 多选题 -->
        <t-checkbox-group class="checkbox-group" wx:elif="{{item.questionType == 'multipleChoice'}}" t-class="box" borderless bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" defaultValue="{{item.userAnswer}}">
          <view wx:for="{{item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex">
            <t-checkbox disabled="{{submitStatus}}" icon="rectangle" block="{{false}}" class="t-checkbox" value="{{contentItem.value}}" style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; ">
        <t-checkbox-group
          class="checkbox-group"
          wx:elif="{{item.questionType == 'multipleChoice'}}"
          t-class="box"
          borderless
          bind:change="onChangeRadio"
          data-value="{{item.option}}"
          data-id="{{item.id}}"
          defaultValue="{{item.userAnswer}}"
        >
          <view
            wx:for="{{item.option}}"
            wx:for-item="contentItem"
            wx:for-index="contentIndex"
            wx:key="contentIndex"
          >
            <t-checkbox
              disabled="{{submitStatus}}"
              icon="rectangle"
              block="{{false}}"
              class="t-checkbox"
              value="{{contentItem.value}}"
              style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; "
            >
              <!-- 仅文字 -->
              <view class="fl-center mh text-space" wx:if="{{item.optionStyle == 'Txt'}}" style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">
              <view
                class="fl-center mh text-space"
                wx:if="{{item.optionStyle == 'Txt'}}"
                style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
              >
                <text>{{contentItem.value}}、</text>
                <text class="check-text-box">{{contentItem.txt}}</text>
              </view>
              <!-- 仅图片 -->
              <view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center mh">
                <text style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.value}}、</text>
              <view
                wx:if="{{item.optionStyle == 'Image'}}"
                class="fl-center mh"
              >
                <text
                  style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
                  >{{contentItem.value}}、</text
                >
                <image src="{{contentItem.img}}" mode="aspectFit" />
              </view>
              <!-- 文字加图片 -->
              <view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center mh text-space">
                <text style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.value}}、</text>
                <text style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.txt}}</text>
                <image src="{{contentItem.img}}" wx:if="{{contentItem.img}}" mode="aspectFit" />
              <view
                wx:if="{{item.optionStyle == 'TxtAndImage'}}"
                class="fl-center mh text-space"
              >
                <text
                  style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
                  >{{contentItem.value}}、</text
                >
                <text
                  style="color:{{ isNight  ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
                  >{{contentItem.txt}}</text
                >
                <image
                  src="{{contentItem.img}}"
                  wx:if="{{contentItem.img}}"
                  mode="aspectFit"
                />
              </view>
              <!-- 富文本 -->
              <view wx:if="{{item.optionStyle == 'RichText'}}" class="check-rich-box mh">
              <view
                wx:if="{{item.optionStyle == 'RichText'}}"
                class="check-rich-box mh"
              >
                <text>{{contentItem.value}}、</text>
                <rich-text nodes="{{contentItem.txt}}" class="multipleChoice"></rich-text>
                <rich-text
                  nodes="{{contentItem.txt}}"
                  class="multipleChoice"
                ></rich-text>
              </view>
            </t-checkbox>
          </view>
        </t-checkbox-group>
        <!-- 简答 翻译 -->
        <t-textarea disabled="{{submitStatus}}" value="{{item.userAnswer}}" bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" class="option-textarea {{isNight ? 'textarea-night-color' :''}}" wx:elif="{{item.questionType == 'shortAnswer'}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="background-color:{{isNight ? '#000' : '#fff'}}; " />
        <t-textarea
          disabled="{{submitStatus}}"
          value="{{item.userAnswer}}"
          bind:change="onChangeRadio"
          data-value="{{item.option}}"
          data-id="{{item.id}}"
          class="option-textarea {{isNight ? 'textarea-night-color' :''}}"
          wx:elif="{{item.questionType == 'shortAnswer'}}"
          t-class="external-class"
          placeholder="请输入文字"
          bordered
          maxlength="500"
          disableDefaultPadding="{{true}}"
          indicator
          style="background-color:{{isNight ? '#000' : '#fff'}}; "
        />
      </view>
    </swiper-item>
    <swiper-item wx:if="{{noData}}">
@@ -140,4 +336,4 @@
      </view>
    </swiper-item>
  </swiper>
</view>
</view>