搞搞搞搞什么呢

src/components/Interaction.vue

@@ -25,6 +25,8 @@ const props = defineProps({
 })
 
 const current = computed(() => props.list[props.currentTimeIdx])
+console.log(current, current.value, current.info, current.value.info, current.value.info.voiceDuration);
+
 let timer = null
 const isShowDialog = ref(true)
 
@@ -41,7 +43,7 @@ const handleShow = () => {
   isShowDialog.value = true
   timer = setTimeout(() => {
     isShowDialog.value = false
-  }, 4000);
+  }, current.value.info.voiceDuration * 1000);
 }
 
 defineExpose({

src/data/index.js

@@ -14,7 +14,7 @@ export default [
     id: 'chaguo',
     info: {
       textCn: '茶果',
-      voiceDuration: 5,
+      voiceDuration: 7,
       img: 'chaguo',
       leftInfo: [
         '春节的唐家古镇，好热闹，看，村民们正围在一起做春节节令茶果。'
@@ -63,7 +63,7 @@ export default [
     id: 'sanmiaoshendan',
     info: {
       textCn: '唐家三庙神诞',
-      voiceDuration: 10,
+      voiceDuration: 11,
       img: 'sanmiao',
       leftInfo: [
         '唐家湾人除了春节吃节令茶果，在唐家三庙神诞系列民俗活动中，也是一样不可或缺的供品，接下来就去看看吧。'
@@ -140,7 +140,7 @@ export default [
     id: 'duanwuxunyou',
     info: {
       textCn: '端午巡游',
-      voiceDuration: 10,
+      voiceDuration: 11,
       img: 'xunyou',
       leftInfo: [
         '唐家湾茶果说了这么多，最有名的还没说到呢，让我们去淇澳岛的端午节找找看！',
@@ -245,7 +245,7 @@ export default [
     id: 'xiajiang',
     info: {
       textCn: '虾酱',
-      voiceDuration: 10,
+      voiceDuration: 11,
       img: 'xiajiang',
       leftInfo: [
         '跟着巡游队伍走了这么久，饿了吧，是不是闻到香味了，没错，有村民在用虾酱炒通菜呢，岛上的特色当然少不了海鲜！'
@@ -262,7 +262,7 @@ export default [
     id: 'yaoxianjiu',
     info: {
       textCn: '药线灸疗',
-      voiceDuration: 14,
+      voiceDuration: 15,
       img: 'yaoxian',
       leftInfo: [
         '农历五月对于唐家湾人来说，是祛病消灾的月份，人们以神像巡游、喝五月茶的方式表达心中对美好生活的祈愿。在唐家村，还有一种传统中医疗法。'
@@ -293,7 +293,7 @@ export default [
     id: 'maijibing',
     info: {
       textCn: '麦记饼',
-      voiceDuration: 6,
+      voiceDuration: 7,
       img: 'maiji',
       leftInfo: [
         '端午过后，另一个重要的节日就是中秋了，佳节庆团圆，对歌迎丰年。'
@@ -318,7 +318,7 @@ export default [
     id: 'zhongqiuduige',
     info: {
       textCn: '中秋对歌',
-      voiceDuration: 5,
+      voiceDuration: 6,
       img: 'duige',
       leftInfo: [
         '中秋节最盛大的活动，要数鸡山村的鸡山牛歌中秋对歌会了。'
@@ -335,7 +335,7 @@ export default [
     id: 'subiao',
     info: {
       textCn: '苏裱',
-      voiceDuration: 8,
+      voiceDuration: 9,
       img: 'subiao',
       leftInfo: [
         '唐家湾地区人文历史丰富，所创作的书画在岭南气候下仍历久弥新，这种非遗技艺功不可没。'
@@ -366,7 +366,7 @@ export default [
     id: 'conclusion',
     info: {
       textCn: '结语',
-      voiceDuration: 29,
+      voiceDuration: 30,
       loopAudio: false,
       leftInfo: [
         '游玩到这里就告一段落了，苏裱（岭南苏裱）装裱修复技艺让书画成为历史的记忆保存下来，而这幅“唐家湾记忆”非遗长卷，就由你我来共同守护，使其历百年而不湮，让非遗之美光彩如初。',