修改选择音节选择声调问题

src/components/Adult/preview/SelectTone.vue

@@ -20,40 +20,42 @@
       />
     </div>
     <ul>
-      <li v-for="(item, index) in curQue.option" :key="index">
-        <div class="op-li" v-if="isShowOption(item, index)">
-          <a
-            v-if="curQue.wordTime && curQue.wordTime.length > 0"
-            :class="[
-              'play-btn',
-              curTime >= curQue.wordTime[index].bg &&
-              curTime < curQue.wordTime[index].ed &&
-              stopAudio
-                ? 'active'
-                : '',
-            ]"
-            @click="
-              handleChangeTime(
-                curQue.wordTime[index].bg,
-                curQue.wordTime[index].ed
-              )
-            "
-          ></a>
-          <div v-html="item.con" class="con"></div>
-          <a
-            v-for="(itmes, indexs) in toneList"
-            :key="indexs"
-            :class="[
-              'tone-item',
-              lookanswerClass(index, indexs),
-              TaskModel == 'ANSWER' ? 'tone-item-default' : '',
-            ]"
-            @click="handleClick(index, indexs)"
-          >
-            <img :src="itmes" />
-          </a>
-        </div>
-      </li>
+      <template v-for="(item, index) in curQue.option">
+        <li :key="index" v-if="isShowOption(item, index)">
+          <div class="op-li">
+            <a
+              v-if="curQue.wordTime && curQue.wordTime.length > 0"
+              :class="[
+                'play-btn',
+                curTime >= curQue.wordTime[index].bg &&
+                curTime < curQue.wordTime[index].ed &&
+                stopAudio
+                  ? 'active'
+                  : '',
+              ]"
+              @click="
+                handleChangeTime(
+                  curQue.wordTime[index].bg,
+                  curQue.wordTime[index].ed
+                )
+              "
+            ></a>
+            <div v-html="item.con" class="con"></div>
+            <a
+              v-for="(itmes, indexs) in toneList"
+              :key="indexs"
+              :class="[
+                'tone-item',
+                lookanswerClass(index, indexs),
+                TaskModel == 'ANSWER' ? 'tone-item-default' : '',
+              ]"
+              @click="handleClick(index, indexs)"
+            >
+              <img :src="itmes" />
+            </a>
+          </div>
+        </li>
+      </template>
     </ul>
   </div>
 </template>

src/components/Adult/preview/SelectYinjie.vue

@@ -114,7 +114,7 @@ export default {
           }
         } else {
           if (_this.judgeAnswer && userAnswer == indexs.toString()) {
-            className = "active";
+            className = "userNoAnswer";
           }
         }
 
@@ -347,9 +347,9 @@ export default {
         &.active {
           background: rgba(0, 188, 75, 0.05)
             url("../../../assets/NPC/selectYinjie-active.png") right bottom
-            no-repeat;
-          background-size: 11px;
-          border: 1px solid #00bc4b;
+            no-repeat !important;
+          background-size: 11px !important;
+          border: 1px solid #00bc4b !important;
         }
 
         &.userRight {
@@ -360,6 +360,10 @@ export default {
           background: rgba(237, 52, 45, 0.1);
           border-color: #ed342d;
         }
+        &.userNoAnswer {
+          background: #fff;
+          border-color: #000;
+        }
       }
     }
     .clear-btn {

src/components/Adult/preview/SentenceModule.vue

@@ -223,7 +223,7 @@
                           class="promax-box"
                           :TaskModel="TaskModel"
                           :tmIndex="sdIndex"
-                          answerRecordList="[]"
+                          :answerRecordList="[]"
                         />
                       </div>
                     </div>
@@ -367,8 +367,7 @@
                         ]"
                         :TaskModel="TaskModel"
                         :tmIndex="sdIndex"
-                        answerRecordList="[]
-                    "
+                        :answerRecordList="[]"
                       />
                     </div>
                   </div>