|
|
@@ -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: {},
|
