通过touchend解锁音

src/views/lightMock/components/composeTopicsMaskList.vue

@@ -4,7 +4,7 @@
 			<div class="order">{{ index }}</div>
 			<div class="flex-center w90Per">
 				<img class="icon" :src="item.icon" />
-				<div @click="selectItem(item, index)" class="list-item-container">
+				<div @touchend="selectItem(item, index)" class="list-item-container">
 					<span
 						class="list-item-row1"
 						:class="{
@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref,defineProps } from "vue";
+import { defineComponent, ref, defineProps } from "vue";
 import { useAudio } from "@/hooks/light/audio";
 import { useStore } from "vuex";
 export default defineComponent({
@@ -49,16 +49,16 @@ export default defineComponent({
 			} else {
 				window.clearTimeout(audioPlayTimer);
 				listIndex.value = index;
-				let el:Element = document.querySelectorAll(".list-item-container")[listIndex.value]
+				let el: Element = document.querySelectorAll(".list-item-container")[listIndex.value];
 				playAudio(item.voice).then((id) => {
 					playAudioNext(durationAudio(id as number), store.state.lightConfig.interval);
 				});
 			}
 		};
-		let pauseAudioLoop = ()=>{
-			pauseAudio()
-			window.clearTimeout(audioPlayTimer)
-		}
+		let pauseAudioLoop = () => {
+			pauseAudio();
+			window.clearTimeout(audioPlayTimer);
+		};
 
 		return {
 			emit,
@@ -66,7 +66,7 @@ export default defineComponent({
 			listIndex,
 			selectItem,
 			playAudio,
-			pauseAudioLoop
+			pauseAudioLoop,
 		};
 	},
 	methods: {},