修改答题按钮样式

src/modules/exam-module/src/ExamTopic.vue

@@ -78,13 +78,13 @@
         <div class="padd" v-if="!topicCard.isShow">
           <div v-if="currentNum" :class="collect.currentPages ? 'icon1 active' : 'icon1'" @click="collectQuestion()"></div>
           <div class="analysis" @click="analyShow" v-if="$route.query.id == undefined && ($route.query.course_id || $route.query.tag_id)">查看解析</div>
-          <div class="btn left" @click="switchQuestions('left')" v-show="currentNum !== 1">上一题</div>
-          <div class="btn right" @click="switchQuestions('right')" v-show="nextBtnShow">下一题</div>
-          <div class="btn right" @click="submitShowPop" v-show="!nextBtnShow && isExamEnd">交卷</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn left' : 'btn left btn-w'" @click="switchQuestions('left')" v-show="currentNum !== 1">上一题</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn right' : 'btn right btn-w'" @click="switchQuestions('right')" v-show="nextBtnShow">下一题</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn right' : 'btn right btn-w'" @click="submitShowPop" v-show="!nextBtnShow && isExamEnd">交卷</div>
         </div>
         <div class="padd new-btn" v-else>
-          <div class="btn left" @click="swiper.slidePrev()" v-if="isExamEnd">返回答题</div>
-          <div class="btn right" @click="submitShowPop" v-if="isExamEnd">交卷</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn left' : 'btn left btn-w'" @click="swiper.slidePrev()" v-if="isExamEnd">返回答题</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn right' : 'btn right btn-w'" @click="submitShowPop" v-if="isExamEnd">交卷</div>
         </div>
       </div>
     </template>
@@ -93,12 +93,12 @@
         <div class="padd" v-if="!topicCard.isShow">
           <div v-if="currentNum" :class="collect.currentPages ? 'icon1 active' : 'icon1'" @click="collectQuestion()"></div>
           <div class="analysis" @click="analyShow" v-if="$route.query.id == undefined && ($route.query.course_id || $route.query.tag_id)">查看解析</div>
-          <div class="btn left" @click="switchQuestions('left')" v-show="currentNum !== 1">上一题</div>
-          <div class="btn right" @click="switchQuestions('right')" v-show="nextBtnShow">下一题</div>
-          <div class="btn right" @click="submitShowPop" v-show="!nextBtnShow && isExamEnd">交卷</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn left' : 'btn left btn-w'" @click="switchQuestions('left')" v-show="currentNum !== 1">上一题</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn right' : 'btn right btn-w'" @click="switchQuestions('right')" v-show="nextBtnShow">下一题</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn right' : 'btn right btn-w'" @click="submitShowPop" v-show="!nextBtnShow && isExamEnd">交卷</div>
         </div>
         <div class="padd new-btn" v-else>
-          <div class="btn right" @click="submitShowPop" v-if="isExamEnd">交卷</div>
+          <div :class="$route.query.course_id && this.$route.query.tag_id ? 'btn right' : 'btn right btn-w'" @click="submitShowPop" v-if="isExamEnd">交卷</div>
         </div>
       </div>
     </template>
@@ -974,6 +974,9 @@ export default {
       line-height: .7rem;
       color: #fff;
     }
+    .btn-w{
+      width: 2.77rem;
+    }
     .left{
       margin-right: .4rem;
     }