根据中央戏剧学院要求修改样式

src/features/OnlineExam/Examing/ArrowNavView.vue

@@ -17,7 +17,7 @@
         <div>上一题</div>
       </template>
     </div>
-    <div class="tips">A、B、C、D来勾选选项。Y、N来勾选判断题。</div>
+    <div class="tips">A、B、C、D来勾选选项。<!-- Y、N来勾选判断题。 --></div>
     <div class="next">
       <template v-if="nextQuestionOrder">
         <router-link

src/features/OnlineExam/Examing/QuestionAudio.vue

@@ -5,9 +5,9 @@
         v-if="!playing"
         type="primary"
         shape="circle"
-        icon="ios-play"
+        icon="md-play"
+        style="padding-left: 5px"
         :disabled="playCount === 0"
-        size="small"
         class="play"
       ></Button>
       <Button
@@ -16,12 +16,11 @@
         shape="circle"
         icon="md-pause"
         style="cursor: not-allowed"
-        size="small"
         class="pause"
       ></Button>
     </span>
     <span style="padding-left: 2px">&nbsp;</span>
-    <span v-show="shouldShowAudio">
+    <span v-show="shouldShowAudio" style="color: red">
       {{ formatTime(currentTime) }} / {{ formatTime(duration) }}
     </span>
 

src/features/OnlineExam/Examing/QuestionContainer.vue

@@ -6,7 +6,7 @@
           :key="index"
           style="
             position: relative;
-            font-size: 12px;
+            font-size: 18px;
             word-break: break-word;
             background-color: lightblue;
             border-radius: 4px;
@@ -26,9 +26,15 @@
             @played="played(item.getAttribute('data-name'))"
           />
           <span v-if="examQuestion.limitedPlayTimes">
-            （剩余播放次数：{{
+            （<span style="color: red">请点击播放</span
+            >按钮听音作答。已播次数：<span style="color: red">{{
+              examQuestion.limitedPlayTimes -
               getAudioPlayedTimes(item.getAttribute("data-name"))
-            }}）
+            }}</span
+            >，剩余播放次数：<span style="color: red">{{
+              getAudioPlayedTimes(item.getAttribute("data-name"))
+            }}</span
+            >）
           </span>
           <div
             v-if="audioInPlay.has(item.getAttribute('data-name'))"

src/features/OnlineExam/Examing/RemainTime.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="remain-time">
-    剩余时间
+    <span style="font-size: 14px">剩余时间</span><br />
     <span
-      :class="
-        enhancedRemainTime && 'enhanced-remain-time animated infinite pulse'
-      "
+      :class="[
+        'enhanced-remain-time',
+        enhancedRemainTime && 'animated infinite pulse',
+      ]"
     >
       {{ remainTimeFormatted }}
     </span>
@@ -227,6 +228,10 @@ export default {
   border-radius: 5px;
 } */
 
+.remain-time {
+  font-size: 25px;
+}
+
 .enhanced-remain-time {
   color: red;
 }