常规视康训练短文理解

src/views/tester/components/RehabilitationEvaluation/CognitiveAbilityTask/CognitiveAbilityTaskAuditoryTraining/index.vue

@@ -343,27 +343,61 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+//.boston-container {
+//  background: url('/static/image/cognitiveAbility/SpeechTraining/Auditory/bg.png') no-repeat 0 0 / 100% 100% border-box
+//    fixed;
+//
+//  .el-button + .el-button {
+//    margin-left: 0;
+//  }
+//
+//  .active {
+//    background: url('/static/image/cognitiveAbility/SpeechTraining/item-active.png') no-repeat 0 0 / 100% 100%
+//      border-box border-box fixed;
+//  }
+//
+//  .normal {
+//    background: url('/static/image/cognitiveAbility/SpeechTraining/item.png') no-repeat 0 0 / 100% 100% border-box
+//      border-box fixed;
+//  }
+//
+//  .choice-bg {
+//    background: url('/static/image/cognitiveAbility/SpeechTraining/tips-bg.png') no-repeat 0 0 / 100% 100% border-box
+//      border-box fixed;
+//  }
+//}
 .boston-container {
-  background: url('/static/image/cognitiveAbility/SpeechTraining/Auditory/bg.png') no-repeat 0 0 / 100% 100% border-box
-    fixed;
+  //background: url('/static/image/cognitiveAbility/SpeechTraining/Visual/bg.png') no-repeat 0 0 / 100% 100% border-box
+  //  fixed;
+  background-image: url('/static/image/cognitiveAbility/SpeechTraining/Visual/bg.png');
+  background-size: 100% 100%;
+  background-position: center center;
 
   .el-button + .el-button {
     margin-left: 0;
   }
 
   .active {
-    background: url('/static/image/cognitiveAbility/SpeechTraining/item-active.png') no-repeat 0 0 / 100% 100%
-      border-box border-box fixed;
+    //background: url('/static/image/cognitiveAbility/SpeechTraining/item-active.png') no-repeat 0 0 / 100% 100%
+    background-image: url('/static/image/cognitiveAbility/SpeechTraining/item-active.png');
+    background-size: 100% 100%;
+    background-position: center center;
   }
 
   .normal {
-    background: url('/static/image/cognitiveAbility/SpeechTraining/item.png') no-repeat 0 0 / 100% 100% border-box
-      border-box fixed;
+    //background: url('/static/image/cognitiveAbility/SpeechTraining/item.png') no-repeat 0 0 / 100% 100% border-box
+    //  border-box fixed;
+    background-image: url('/static/image/cognitiveAbility/SpeechTraining/item.png');
+    background-size: 100% 100%;
+    background-position: center center;
   }
 
   .choice-bg {
-    background: url('/static/image/cognitiveAbility/SpeechTraining/tips-bg.png') no-repeat 0 0 / 100% 100% border-box
-      border-box fixed;
+    //background: url('/static/image/cognitiveAbility/SpeechTraining/tips-bg.png') no-repeat 0 0 / 100% 100% border-box
+    //  border-box fixed;
+    background-image: url('/static/image/cognitiveAbility/SpeechTraining/tips-bg.png');
+    background-size: 100% 100%;
+    background-position: center center;
   }
 }
 </style>