Ver código fonte

语音播放修复有时候没声音的bug1

zhangyujun 3 anos atrás
pai
commit
ac3adc9c16

+ 1 - 1
src/components/m-wrong-preview/components/reciteMode.vue

@@ -13,7 +13,7 @@
 							{props.currentSubject.opts.map((item: any, index: number) => (
 								<div class="answer-box" key={Number(index)}>
 									<div class="choose-icon">{String.fromCharCode(65 + Number(index))}</div>
-									<span class={{ "answer-text": true, true: props.currentSubject.answer.includes(item) }}>{item}</span>
+									<span class={{ "answer-text": true, true:props.currentSubject.questionType==3?props.currentSubject.answer.includes(item):props.currentSubject.answer==item }}>{item}</span>
 								</div>
 							))}
 						</div>

+ 17 - 10
src/views/lightMock/index.vue

@@ -1,5 +1,6 @@
 <template>
 	<div style="height: 100vh; background: #eeeeee">
+		<div class="hidden-click" ref="hiddenClick"></div>
 		<m-nav-bar title="灯光模拟"></m-nav-bar>
 		<div class="header-border"></div>
 		<lightConfig
@@ -64,7 +65,7 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from "vue";
+import { reactive, ref, onMounted, onUnmounted } from "vue";
 import composeTopicList from "./components/composeTopicList.vue";
 import composeTopicsMask from "./components/composeTopicsMask.vue";
 import singleTopicList from "./components/singleTopicList.vue";
@@ -73,10 +74,12 @@ import examTopicList from "./components/examTopicList.vue";
 import { lightingCombinationList, lightingItemList, lightingCombinationId } from "@/api/";
 import { Toast } from "vant";
 const active = 0;
+let timer:number 
+let hiddenClick = ref(null);
 let examTopicListVisible = ref(false);
 let lightConfigVisible = ref(false);
 let list1Index = ref(-1);
-let list1Ids = ref<Number[]>([])
+let list1Ids = ref<Number[]>([]);
 let list1 = ref([
 	{
 		createTime: "2022-03-21 16:40:22",
@@ -106,7 +109,6 @@ let singleTopicTitle = ref("");
 lightingCombinationList().then((res) => {
 	list1.value = res.rows;
 
-
 	// console.log(list1);
 });
 lightingItemList().then((res) => {
@@ -150,9 +152,20 @@ let selectAfterCom = () => {
 		});
 	}
 };
+onMounted(() => {
+	timer =window.setInterval(() => {
+		hiddenClick.value.click();
+	}, 1000);
+});
+onUnmounted(()=>{
+	window.clearInterval(timer)
+})
 </script>
 
 <style lang="scss" scoped>
+.hidden-click {
+	display: none;
+}
 .header-border {
 	width: 100%;
 	height: 2px;
@@ -188,7 +201,7 @@ let selectAfterCom = () => {
 	display: flex;
 	justify-content: center;
 	font-size: 16px;
-	.button-halo{
+	.button-halo {
 		width: 80px;
 		height: 80px;
 		display: flex;
@@ -198,10 +211,6 @@ let selectAfterCom = () => {
 		background: rgb(255, 255, 255);
 		border-radius: 50%;
 		box-shadow: 0px 0px 3px rgb(121, 121, 121);
-
-
-
-
 	}
 	button {
 		border: none;
@@ -211,8 +220,6 @@ let selectAfterCom = () => {
 		background: #01c18d;
 		padding: 0 10px;
 		border-radius: 50%;
-
-
 	}
 }
 </style>

+ 1 - 1
src/views/mockTest/components/startTest.vue

@@ -31,7 +31,7 @@
 		<!-- 选择内容 -->
 		<div v-if="true">
 			<!-- 单选 -->
-			<van-radio-group v-model="currentSubject.userAnswer" v-if="currentSubject.questionType != 3" icon-size="35px">
+			<van-radio-group v-model="currentSubject.userAnswer" v-if="currentSubject.questionType !== 3" icon-size="35px">
 				<van-radio v-for="(item, index) in currentSubject.opts" :key="Number(index)" :name="item" class="answer"
 					>{{ item }}
 					<template #icon="props">