Browse Source

判断按钮改样式

natasha 1 year ago
parent
commit
88d4990cb7

BIN
src/assets/NPC/error-btn-gray.png


BIN
src/assets/NPC/error-btn-white.png


BIN
src/assets/NPC/right-btn-gray.png


BIN
src/assets/NPC/right-btn-white.png


+ 0 - 3
src/components/Adult/common/SegwordConfig.vue

@@ -7,7 +7,6 @@
         curQue &&
         type != 'sentence_segtemp_chs' &&
         type != 'sort_chs' &&
-        type != 'CourseStart_chs' &&
         type != 'sentence_listen_read_chs'
       "
       style="margin-top: 10px"
@@ -30,7 +29,6 @@
         curQue &&
         type != 'sentence_segtemp_chs' &&
         type != 'sort_chs' &&
-        type != 'CourseStart_chs' &&
         type != 'sentence_listen_read_chs'
       "
     >
@@ -81,7 +79,6 @@
         label="配置"
         v-if="
           type != 'sort_chs' &&
-          type != 'CourseStart_chs' &&
           type != 'sentence_listen_read_chs'
         "
       >

+ 10 - 6
src/components/Adult/preview/DialogueArticleViewChs/AnswerModel.vue

@@ -1469,7 +1469,7 @@ export default {
   a {
     width: 32px;
     height: 32px;
-    background: #fff url("../../../../assets/newImage/common/right-btn.png")
+    background: #fff url("../../../../assets/NPC/right-btn-gray.png")
       center no-repeat;
     background-size: 24px;
     border-radius: 8px;
@@ -1483,18 +1483,22 @@ export default {
     }
     &.right-btn-hover:hover,
     &.active {
-      background-color: #e5fff0;
-      border-color: #00c850;
+        background: #727272 url("../../../../assets/NPC/right-btn-white.png")
+          center no-repeat;
+        background-size: 24px;
+        border-color: #727272;
     }
     &.error-btn {
-      background: #fff url("../../../../assets/newImage/common/error-btn.png")
+      background: #fff url("../../../../assets/NPC/error-btn-gray.png")
         center no-repeat;
       background-size: 24px;
       margin-left: 4px;
       &.error-btn-hover:hover,
       &.active {
-        background-color: #ffe5e5;
-        border-color: #de4444;
+        background: #727272 url("../../../../assets/NPC/error-btn-white.png")
+                center no-repeat;
+        background-size: 24px;
+        border-color: #727272;
       }
     }
     &.userRight_right {

+ 1 - 1
src/components/Adult/preview/Ligature.vue

@@ -270,7 +270,7 @@
     <div class="fuwei" :class="[TaskModel == 'ANSWER' ? 'notAllow' : '']">
       <div @click="clearLine">
         <img src="../../../assets/adult/fuwei.png" alt="" />
-        复位
+        reset
       </div>
     </div>
   </div>

+ 10 - 6
src/components/Adult/preview/Picture.vue

@@ -1035,26 +1035,30 @@ export default {
       a {
         width: 70px;
         height: 32px;
-        background: #f7f7f7 url("../../../assets/newImage/common/right-btn.png")
+        background: #f7f7f7 url("../../../assets/NPC/right-btn-gray.png")
           center no-repeat;
         background-size: 24px;
         border-radius: 4px;
         border: 1px solid #f7f7f7;
         &.right-btn-hover:hover,
         &.active {
-          background-color: #e5fff0;
-          border-color: #00c850;
+          background: #727272 url("../../../assets/NPC/right-btn-white.png")
+          center no-repeat;
+          background-size: 24px;
+          border-color: #727272;
         }
         &.error-btn {
           background: #f7f7f7
-            url("../../../assets/newImage/common/error-btn.png") center
+            url("../../../assets/NPC/error-btn-gray.png") center
             no-repeat;
           background-size: 24px;
           margin-left: 4px;
           &.error-btn-hover:hover,
           &.active {
-            background-color: #ffe5e5;
-            border-color: #de4444;
+            background: #727272 url("../../../assets/NPC/error-btn-white.png")
+                center no-repeat;
+            background-size: 24px;
+            border-color: #727272;
           }
         }
         &.userRight_true {

+ 13 - 9
src/components/Adult/preview/SentenceInput.vue

@@ -341,10 +341,10 @@ export default {
         }
       } else if (this.dataType.indexOf("sentence_input_chs") != -1) {
         // 填空题
-        if (this.curQue.option[index].answer.length > 0) {
+        if (this.curQue.option[index].answer.length > 0&&this.curQue.option[index].answer[0]) {
           let userAnswerJudge = "[JUDGE##F##JUDGE]";
           this.curQue.option[index].answer.forEach((item) => {
-            if (this.curQue.Bookanswer[index].answer.trim() == item) {
+            if (this.curQue.Bookanswer[index].answer.trim() === item) {
               userAnswerJudge = "[JUDGE##T##JUDGE]";
             }
           });
@@ -408,7 +408,7 @@ export default {
             // 判断题
             userAnswerJudge = "[JUDGE##F##JUDGE]";
           } else if (this.dataType.indexOf("sentence_input_chs") != -1) {
-            userAnswerJudge = item.answer.length > 0 ? "[JUDGE##F##JUDGE]" : "";
+            userAnswerJudge = item.answer.length > 0&&item.answer[0] ? "[JUDGE##F##JUDGE]" : "";
           }
           curCorrect.push({
             answer: "",
@@ -717,26 +717,30 @@ export default {
         a {
           width: 32px;
           height: 32px;
-          background: #fff url("../../../assets/newImage/common/right-btn.png")
+          background: #fff url("../../../assets/NPC/right-btn-gray.png")
             center no-repeat;
           background-size: 24px;
           border-radius: 8px;
           border: 1px solid rgba(0, 0, 0, 0.1);
           &.isHover:hover,
           &.active {
-            background-color: #e5fff0;
-            border-color: #00c850;
+            background: #727272 url("../../../assets/NPC/right-btn-white.png")
+            center no-repeat;
+            background-size: 24px;
+            border-color: #727272;
           }
         }
         a.error-btn {
-          background: #fff url("../../../assets/newImage/common/error-btn.png")
+          background: #fff url("../../../assets/NPC/error-btn-gray.png")
             center no-repeat;
           background-size: 24px;
           margin-left: 4px;
           &.isHover:hover,
           &.active {
-            background-color: #ffe5e5;
-            border-color: #de4444;
+            background: #727272 url("../../../assets/NPC/error-btn-white.png")
+                center no-repeat;
+            background-size: 24px;
+            border-color: #727272;
           }
         }
       }

+ 10 - 6
src/components/Adult/preview/components/JudgeTemp.vue

@@ -175,7 +175,7 @@ export default {
   a {
     width: 32px;
     height: 32px;
-    background: #fff url("../../../../assets/newImage/common/right-btn.png")
+    background: #fff url("../../../../assets/NPC/right-btn-gray.png")
       center no-repeat;
     background-size: 24px;
     border-radius: 8px;
@@ -185,18 +185,22 @@ export default {
     align-items: center;
     &.right-btn-hover:hover,
     &.active {
-      background-color: #e5fff0;
-      border-color: #00c850;
+        background: #727272 url("../../../../assets/NPC/right-btn-white.png")
+          center no-repeat;
+        background-size: 24px;
+        border-color: #727272;
     }
     &.error-btn {
-      background: #fff url("../../../../assets/newImage/common/error-btn.png")
+      background: #fff url("../../../../assets/NPC/error-btn-gray.png")
         center no-repeat;
       background-size: 24px;
       margin-left: 4px;
       &.error-btn-hover:hover,
       &.active {
-        background-color: #ffe5e5;
-        border-color: #de4444;
+        background: #727272 url("../../../../assets/NPC/error-btn-white.png")
+                center no-repeat;
+        background-size: 24px;
+        border-color: #727272;
       }
     }
     &.unso-btn {