feat: 添加歌曲请求站页面及静态资源

style: 调整标签气泡动效样式和布局

refactor: 优化标签碰撞检测算法和位置计算

docs: 更新README文件说明

chore: 添加相关图片和CSS文件资源

static/js/index.js

@@ -179,6 +179,8 @@ const search = createApp({
         let art = null;
         // 开启播放 MV
         const openPreview = (id) => {
+            closeAll();
+
             ajax("https://pujianchaoyin.com/api/getMvDetail", {
                 id,
             }).then((res) => {
@@ -234,10 +236,8 @@ const search = createApp({
         const manageAudio = (src, area) => {
             const audio = audioPlayer.value;
             closeAll();
-            nextTick(() => {
+            setTimeout(() => {
                 if (audio?.src != src) audio.src = src;
-                console.log("audio", audio);
-
                 audio.play().then(() => {
                     if (area == "works") {
                         awardAudioList.value.forEach((item) => {
@@ -262,7 +262,7 @@ const search = createApp({
                         playData.value = { ...zeroOrderStudents.value, area };
                     }
                 });
-            });
+            }, 500);
         };
 
         // 重新播放