Bladeren bron

修改了 拔高题、进阶题、巩固题 渲染样式

wangguoxi 5 maanden geleden
bovenliggende
commit
e7195078bd
1 gewijzigde bestanden met toevoegingen van 29 en 2 verwijderingen
  1. 29 2
      src/views/analysisReport/wrongQuestion/index.vue

+ 29 - 2
src/views/analysisReport/wrongQuestion/index.vue

@@ -300,8 +300,10 @@ export default {
         },
 
         countLevel(num) {
+            // 1 :拔高题  2:进阶题  3:巩固题
+            console.log('num', num);
             const arr = ['拔高题', '进阶题', '巩固题']
-            const color = ['easy', 'medium', 'hard']
+            const color = ['bg_easy', 'bg_medium', 'bg_hard']
             return {
                 text: arr[num - 1],
                 color: color[num - 1],
@@ -416,6 +418,18 @@ export default {
     }
 }
 
+.bg_easy {
+    background-color: #90CB75 !important;
+}
+
+.bg_medium {
+    background-color: #5470C6 !important;
+}
+
+.bg_hard {
+    background-color: #EE6666 !important;
+}
+
 
 .select_box {
     background-color: #ffffff;
@@ -439,7 +453,7 @@ export default {
 
 .question_card {
     margin-bottom: 10px;
-    border: 1px solid #EBEEF5;
+    border: 1px solid #ebeef5;
     border-radius: 10px;
     overflow: hidden;
 
@@ -612,6 +626,19 @@ export default {
         }
     }
 
+    ::v-deep .qml-answer {
+        margin-left: 0;
+        margin-bottom: 0;
+    }
+
+    ::v-deep .qml-explanation .qml-seg p {
+        margin-left: 0 !important;
+    }
+
+    ::v-deep .qml-explanation .qml-seg p, 
+    ::v-deep .qml-exps-sq {
+        margin-left: 0 !important;
+    }
 
 }
 </style>