fix: 修复页面布局和交互问题

调整CSS样式改善元素对齐和文本换行
优化音频播放器进度条交互逻辑
移除未使用的代码和console.log
添加窗口大小变化的事件监听
修复标签云重新初始化问题

static/js/index.js

@@ -1,5 +1,5 @@
-const { createApp, ref, onMounted, nextTick, onUnmounted, computed } = Vue;
-const search = createApp({
+const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch } = Vue;
+createApp({
     setup() {
         const trait = [
             {
@@ -232,8 +232,6 @@ const search = createApp({
         const manageAudio = (src, area) => {
             const audio = audioPlayer.value;
 
-            console.log("src, area", src, area);
-
             closeAll();
 
             setTimeout(() => {
@@ -262,7 +260,7 @@ const search = createApp({
                         playData.value = { ...zeroOrderStudents.value, area };
                     }
                 });
-            }, 500);
+            }, 800);
         };
 
         // 重新播放
@@ -526,6 +524,13 @@ const search = createApp({
             else getPlayUrl(index, area);
         };
 
+
+        // 监听 previewState 如果为 true body.style.overflow = 'hidden'
+        watch(previewState, (newVal) => {
+            if (newVal) document.body.style.overflow = 'hidden';
+            else document.body.style.overflow = 'auto';
+        })
+
         return { judgmentPlayUrl, cutSong, getPlayUrl, handleBarDragBottomClick, startBarDragBottom, volumeShow, handleVolumeHide, handleVolumeShow, zeroOrderStudents, rePlay, playData, awardAudioList, changeInterval, awardMVList, bannerList, albumBoxRef, volume, handleVolumeClick, handleVolumeDrag, startDrag, stopDrag, volume, cutStudent, studentList, studentIndex, scrollToPrevious, scrollToNext, changePointer, pointerIndex, visibleRef, studentRef, customRef, formatTime, currentTimeFormatted, durationFormatted, worksRef, introduceRef, customList, closeAll, manageAudio, progress, closePreview, openPreview, previewState, audioPlayer, trait, fastForward };
     },
 }).mount("#appIndex");