From 798a144791327a63bf13fb10f21e2e7404bd4d24 Mon Sep 17 00:00:00 2001
From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com>
Date: Thu, 11 Sep 2025 12:12:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=B0=86=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=E8=B7=AF=E5=BE=84=E4=BB=8E./img/=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E4=BF=AE=E6=94=B9=E4=B8=BA./static/img/?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

统一资源文件路径规范，便于静态资源管理和维护
---
 index.html | 90 +++++++++++++++++++++++++++---------------------------
 1 file changed, 45 insertions(+), 45 deletions(-)

diff --git a/index.html b/index.html
index 81bafbd..26f7246 100644
--- a/index.html
+++ b/index.html
@@ -28,18 +28,18 @@
 
                 <div class="arrow">
                     <!-- 向上按钮：不是介绍页时显示 -->
-                    <img v-if="pointerState !== 'introduce'" class="item top orange" src="./img/arrow-orange.svg" @click="scrollToPrevious" />
-                    <img v-else class="item top" src="./img/arrow-white.svg" />
+                    <img v-if="pointerState !== 'introduce'" class="item top orange" src="./static/img/arrow-orange.svg" @click="scrollToPrevious" />
+                    <img v-else class="item top" src="./static/img/arrow-white.svg" />
 
                     <!-- 向下按钮：不是学生页时显示 -->
-                    <img v-if="pointerState !== 'student'" class="item bottom orange" src="./img/arrow-orange.svg" @click="scrollToNext" />
-                    <img v-else class="item bottom white" src="./img/arrow-white.svg" />
+                    <img v-if="pointerState !== 'student'" class="item bottom orange" src="./static/img/arrow-orange.svg" @click="scrollToNext" />
+                    <img v-else class="item bottom white" src="./static/img/arrow-white.svg" />
                 </div>
             </div>
             <div class="introduce" ref="introduceRef">
                 <div class="head flexacenter">
                     <div class="logo mar1200">
-                        <img class="icon" src="./img/logo.png" />
+                        <img class="icon" src="./static/img/logo.png" />
                     </div>
                 </div>
                 <div class="box flexflex mar1200">
@@ -52,8 +52,8 @@
                             </div>
                         </div>
                         <div class="award flexflex">
-                            <img class="title" src="./img/award-winning-works.png" />
-                            <img class="name" src="./img/gushi.png" />
+                            <img class="title" src="./static/img/award-winning-works.png" />
+                            <img class="name" src="./static/img/gushi.png" />
                             <div class="explain">
                                 <div>中国AIGC产业联盟（AIGCxChina）</div>
                                 <div>温州市社科联</div>
@@ -63,14 +63,14 @@
                         </div>
                     </div>
                     <div class="album">
-                        <img class="bj bj1" src="./img/album-bj1.svg" />
-                        <img class="bj bj2" src="./img/album-bj2.svg" />
-                        <img class="img" src="./img/album-img.svg" />
-                        <img class="bj bj3" src="./img/album-bj3.svg" />
-                        <img class="bj bj4" src="./img/album-bj4.png" />
-                        <img class="bj bj5" src="./img/album-bj5.svg" />
-                        <img v-if="!audioHeadState" class="play" @click="manageAudio('./mp3/1.MP3','head')" src="./img/play-white-icon.svg" />
-                        <img v-else class="play" @click="closeAll()" src="./img/pause-white-icon.svg" />
+                        <img class="bj bj1" src="./static/img/album-bj1.svg" />
+                        <img class="bj bj2" src="./static/img/album-bj2.svg" />
+                        <img class="img" src="./static/img/album-img.svg" />
+                        <img class="bj bj3" src="./static/img/album-bj3.svg" />
+                        <img class="bj bj4" src="./static/img/album-bj4.png" />
+                        <img class="bj bj5" src="./static/img/album-bj5.svg" />
+                        <img v-if="!audioHeadState" class="play" @click="manageAudio('./mp3/1.MP3','head')" src="./static/img/play-white-icon.svg" />
+                        <img v-else class="play" @click="closeAll()" src="./static/img/pause-white-icon.svg" />
                     </div>
                 </div>
                 <div class="trait flexflex mar1200">
@@ -83,39 +83,39 @@
             </div>
 
             <div class="works flexacenter" ref="worksRef">
-                <img class="bj1" src="./img/works-bj1.png" />
+                <img class="bj1" src="./static/img/works-bj1.png" />
                 <div class="name-box">
-                    <img class="bj" src="./img/works-title-bj.svg" />
-                    <img class="title" src="./img/works-title.png" />
-                    <img class="line line-1" src="./img/works-line-1.svg" />
-                    <img class="line line-2" src="./img/works-line-2.svg" />
-                    <img class="line line-3" src="./img/works-line-3.svg" />
-                    <img class="line line-4" src="./img/works-line-4.svg" />
-                    <img class="line line-5" src="./img/works-line-5.svg" />
-                    <img class="line line-6" src="./img/works-line-6.svg" />
+                    <img class="bj" src="./static/img/works-title-bj.svg" />
+                    <img class="title" src="./static/img/works-title.png" />
+                    <img class="line line-1" src="./static/img/works-line-1.svg" />
+                    <img class="line line-2" src="./static/img/works-line-2.svg" />
+                    <img class="line line-3" src="./static/img/works-line-3.svg" />
+                    <img class="line line-4" src="./static/img/works-line-4.svg" />
+                    <img class="line line-5" src="./static/img/works-line-5.svg" />
+                    <img class="line line-6" src="./static/img/works-line-6.svg" />
                 </div>
                 <div class="mv-box mar1200">
                     <div class="item flexflex" v-for="(item, index) in 6" :key="index">
-                        <img class="serial-icon" src="./img/serial-icon.png" />
+                        <img class="serial-icon" src="./static/img/serial-icon.png" />
                         <div class="serial">{{ index + 1}}</div>
                         <div class="title">深港双城故事</div>
                         <div class="text">{{ text }}</div>
                         <div class="time">2024.12</div>
                         <div class="media" @click="openPreview(index)">
-                            <img class="img" src="./img/mv-1.svg" />
-                            <img class="play" src="./img/play-white-icon.svg" />
+                            <img class="img" src="./static/img/mv-1.svg" />
+                            <img class="play" src="./static/img/play-white-icon.svg" />
                         </div>
                     </div>
                 </div>
 
                 <div class="audio-box mar1200 flexflex">
                     <div class="item" v-for="(item, index) in audioList" :key="index">
-                        <img class="serial-icon" src="./img/serial-icon.png" />
+                        <img class="serial-icon" src="./static/img/serial-icon.png" />
                         <div class="serial">{{ index + 1 }}</div>
                         <div class="content flexflex">
                             <div class="album">
-                                <img class="img" src="./img/audio-img.png" />
-                                <img class="icon" src="./img/record-icon.png" />
+                                <img class="img" src="./static/img/audio-img.png" />
+                                <img class="icon" src="./static/img/record-icon.png" />
                             </div>
                             <div class="info flexflex">
                                 <div class="name">画Remix</div>
@@ -127,21 +127,21 @@
                                     <div class="bar black flex1"></div>
                                 </div>
                                 <div class="operate flexcenter">
-                                    <img class="speed left" src="./img/speed-left.png" @click="fastForward('slow', item.url, 'works')" />
-                                    <img v-if="item.state" class="play" @click="closeAll()" src="./img/pause-black-icon.svg" />
-                                    <img v-else class="play" @click="manageAudio(item.url, 'works')" src="./img/play-black-icon.svg" />
-                                    <img class="speed right" src="./img/speed-right.png" @click="fastForward('fast', item.url, 'works')" />
+                                    <img class="speed left" src="./static/img/speed-left.png" @click="fastForward('slow', item.url, 'works')" />
+                                    <img v-if="item.state" class="play" @click="closeAll()" src="./static/img/pause-black-icon.svg" />
+                                    <img v-else class="play" @click="manageAudio(item.url, 'works')" src="./static/img/play-black-icon.svg" />
+                                    <img class="speed right" src="./static/img/speed-right.png" @click="fastForward('fast', item.url, 'works')" />
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
-                <img class="bj2" src="./img/works-bj2.png" />
+                <img class="bj2" src="./static/img/works-bj2.png" />
             </div>
 
             <div class="custom" ref="customRef">
                 <div class="custom-box mar1200 flexflex">
-                    <img class="title" src="./img/custom-title.png" />
+                    <img class="title" src="./static/img/custom-title.png" />
                     <div class="subtitle">往事可成追忆，把你的故事谱成歌</div>
                     <div class="list flexflex mar1200">
                         <div class="item flexacenter" v-for="(item, index) in customList" :key="index">
@@ -154,20 +154,20 @@
                                     <div class="bar black flex1"></div>
                                 </div>
                                 <div class="operate flexcenter">
-                                    <img class="speed left" @click="fastForward('slow', item.src, 'custom')" src="./img/speed-left.png" />
-                                    <img v-if="item.state" class="play" @click="closeAll()" src="./img/pause-black-icon.svg" />
-                                    <img v-else class="play" @click="manageAudio(item.src, 'custom')" src="./img/play-black-icon.svg" />
-                                    <img class="speed right" @click="fastForward('fast', item.src, 'custom')" src="./img/speed-right.png" />
+                                    <img class="speed left" @click="fastForward('slow', item.src, 'custom')" src="./static/img/speed-left.png" />
+                                    <img v-if="item.state" class="play" @click="closeAll()" src="./static/img/pause-black-icon.svg" />
+                                    <img v-else class="play" @click="manageAudio(item.src, 'custom')" src="./static/img/play-black-icon.svg" />
+                                    <img class="speed right" @click="fastForward('fast', item.src, 'custom')" src="./static/img/speed-right.png" />
                                 </div>
                             </div>
 
-                            <img class="info-img" src="./img/custom-img.png" />
+                            <img class="info-img" src="./static/img/custom-img.png" />
                         </div>
                     </div>
                     <div class="bottom flexcenter">
-                        <img class="bj" src="./img/custom-bj-1.svg" />
-                        <img class="bj" src="./img/custom-bj-2.svg" />
-                        <img class="bj" src="./img/custom-bj-1.svg" />
+                        <img class="bj" src="./static/img/custom-bj-1.svg" />
+                        <img class="bj" src="./static/img/custom-bj-2.svg" />
+                        <img class="bj" src="./static/img/custom-bj-1.svg" />
                     </div>
                 </div>
             </div>
@@ -182,7 +182,7 @@
                         <img class="img img4" src="./static/img/student-img.png" />
                         <img class="img img5" src="./static/img/student-img.png" />
                         <img class="img img6" src="./static/img/student-img.png" />
-                        <img class="img img7" src="./img/student-img.png" />
+                        <img class="img img7" src="./static/img/student-img.png" />
                     </div>
                     <div class="name">《听风少年的梦幻之城》</div>
                     <div class="info flexacenter">