工作记忆修复

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

@@ -10,7 +10,27 @@
       v-else
       class="absolute top-[50%] left-[50%] translate-[-50%] w-[1600px] h-[840px] rounded-[8px] bg-[#ffffffff] shadow-lg flex flex-row items-center justify-around"
     >
-      <div class="title w-[750px] h-[120px] absolute"></div>
+      <div class="title w-[1100px] h-[150px] absolute top-[100px]"></div>
+      <div class="w-[1200px] h-[150px] absolute top-[300px] flex flex-wrap">
+        <div
+          class="w-[300px] h-[70px] line-height-[10px] fw-700 text-[25px] color-[#ffffff] ml-[60px] mr-[50px]"
+          :class="styTitle"
+        >
+          <h1>字字匹配</h1>
+        </div>
+        <div
+          class="w-[300px] h-[70px] line-height-[10px] fw-700 text-[25px] color-[#ffffff] ml-[20px] mr-[50px]"
+          :class="styTitle"
+        >
+          <h1>字字匹配</h1>
+        </div>
+        <div
+          class="w-[300px] h-[70px] line-height-[10px] fw-700 text-[25px] color-[#ffffff] ml-[20px] mr-[40px]"
+          :class="styTitle"
+        >
+          <h1>字字匹配</h1>
+        </div>
+      </div>
     </div>
   </section>
 </template>
@@ -41,10 +61,12 @@ const props = defineProps({
 
 const emits = defineEmits(['showResult', 'close'])
 const userStore = useUserStore()
-const showCountDown = ref(true)
+const showCountDown = ref(false)
 const countDownBegin = ref(false)
 const countDownStr = ref('测试马上开始！')
 const loading = ref(false)
+const styTitle = ref('item-active')
+// styTitle
 const dialogVisible = ref(false) // 学历弹窗
 
 const closeDialog = () => {
@@ -91,13 +113,14 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .boston-container {
-  background: url('/static/image/user/bg-evaluate.png') no-repeat 0 0 / 100% 100% border-box border-box fixed;
+  background: url('static/image/cognitiveAbility/SpeechTraining/bg.png') no-repeat 0 0 / 100% 100% border-box border-box
+    fixed;
 
   .el-button + .el-button {
     margin-left: 0;
   }
   .title {
-    background: url('static/image/game/CognitiveAbilityTaskAuditoryTraining/bg-title.png') no-repeat 0 0 / 100% 100%
+    background: url('static/image/cognitiveAbility/SpeechTraining/Visual/bg-title.png') no-repeat 0 0 / 100% 100%
       border-box border-box fixed;
   }
   .shadow {
@@ -107,7 +130,11 @@ onMounted(() => {
       0 0 0 0 rgba(0, 0, 0, 0);
   }
 }
-
+.item-active {
+  text-align: center;
+  background: url('static/image/cognitiveAbility/SpeechTraining/item-active.png') no-repeat 0 0 / 100% 100% border-box
+    border-box fixed;
+}
 :deep(h3) {
   margin-top: 18px !important;
   margin-bottom: 5px !important;