refactor: 将图片资源路径从./img/统一修改为./static/img/
统一资源文件路径规范，便于静态资源管理和维护
This commit is contained in:
DESKTOP-RQ919RC\Pc
90
index.html
90
index.html
@@ -28,18 +28,18 @@
|
|||||||
|
|
||||||
<div class="arrow">
|
<div class="arrow">
|
||||||
<!-- 向上按钮：不是介绍页时显示 -->
|
<!-- 向上按钮：不是介绍页时显示 -->
|
||||||
<img v-if="pointerState !== 'introduce'" class="item top orange" src="./img/arrow-orange.svg" @click="scrollToPrevious" />
|
<img v-if="pointerState !== 'introduce'" class="item top orange" src="./static/img/arrow-orange.svg" @click="scrollToPrevious" />
|
||||||
<img v-else class="item top" src="./img/arrow-white.svg" />
|
<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-if="pointerState !== 'student'" class="item bottom orange" src="./static/img/arrow-orange.svg" @click="scrollToNext" />
|
||||||
<img v-else class="item bottom white" src="./img/arrow-white.svg" />
|
<img v-else class="item bottom white" src="./static/img/arrow-white.svg" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="introduce" ref="introduceRef">
|
<div class="introduce" ref="introduceRef">
|
||||||
<div class="head flexacenter">
|
<div class="head flexacenter">
|
||||||
<div class="logo mar1200">
|
<div class="logo mar1200">
|
||||||
<img class="icon" src="./img/logo.png" />
|
<img class="icon" src="./static/img/logo.png" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="box flexflex mar1200">
|
<div class="box flexflex mar1200">
|
||||||
@@ -52,8 +52,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="award flexflex">
|
<div class="award flexflex">
|
||||||
<img class="title" src="./img/award-winning-works.png" />
|
<img class="title" src="./static/img/award-winning-works.png" />
|
||||||
<img class="name" src="./img/gushi.png" />
|
<img class="name" src="./static/img/gushi.png" />
|
||||||
<div class="explain">
|
<div class="explain">
|
||||||
<div>中国AIGC产业联盟（AIGCxChina）</div>
|
<div>中国AIGC产业联盟（AIGCxChina）</div>
|
||||||
<div>温州市社科联</div>
|
<div>温州市社科联</div>
|
||||||
@@ -63,14 +63,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="album">
|
<div class="album">
|
||||||
<img class="bj bj1" src="./img/album-bj1.svg" />
|
<img class="bj bj1" src="./static/img/album-bj1.svg" />
|
||||||
<img class="bj bj2" src="./img/album-bj2.svg" />
|
<img class="bj bj2" src="./static/img/album-bj2.svg" />
|
||||||
<img class="img" src="./img/album-img.svg" />
|
<img class="img" src="./static/img/album-img.svg" />
|
||||||
<img class="bj bj3" src="./img/album-bj3.svg" />
|
<img class="bj bj3" src="./static/img/album-bj3.svg" />
|
||||||
<img class="bj bj4" src="./img/album-bj4.png" />
|
<img class="bj bj4" src="./static/img/album-bj4.png" />
|
||||||
<img class="bj bj5" src="./img/album-bj5.svg" />
|
<img class="bj bj5" src="./static/img/album-bj5.svg" />
|
||||||
<img v-if="!audioHeadState" class="play" @click="manageAudio('./mp3/1.MP3','head')" src="./img/play-white-icon.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="./img/pause-white-icon.svg" />
|
<img v-else class="play" @click="closeAll()" src="./static/img/pause-white-icon.svg" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="trait flexflex mar1200">
|
<div class="trait flexflex mar1200">
|
||||||
@@ -83,39 +83,39 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="works flexacenter" ref="worksRef">
|
<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">
|
<div class="name-box">
|
||||||
<img class="bj" src="./img/works-title-bj.svg" />
|
<img class="bj" src="./static/img/works-title-bj.svg" />
|
||||||
<img class="title" src="./img/works-title.png" />
|
<img class="title" src="./static/img/works-title.png" />
|
||||||
<img class="line line-1" src="./img/works-line-1.svg" />
|
<img class="line line-1" src="./static/img/works-line-1.svg" />
|
||||||
<img class="line line-2" src="./img/works-line-2.svg" />
|
<img class="line line-2" src="./static/img/works-line-2.svg" />
|
||||||
<img class="line line-3" src="./img/works-line-3.svg" />
|
<img class="line line-3" src="./static/img/works-line-3.svg" />
|
||||||
<img class="line line-4" src="./img/works-line-4.svg" />
|
<img class="line line-4" src="./static/img/works-line-4.svg" />
|
||||||
<img class="line line-5" src="./img/works-line-5.svg" />
|
<img class="line line-5" src="./static/img/works-line-5.svg" />
|
||||||
<img class="line line-6" src="./img/works-line-6.svg" />
|
<img class="line line-6" src="./static/img/works-line-6.svg" />
|
||||||
</div>
|
</div>
|
||||||
<div class="mv-box mar1200">
|
<div class="mv-box mar1200">
|
||||||
<div class="item flexflex" v-for="(item, index) in 6" :key="index">
|
<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="serial">{{ index + 1}}</div>
|
||||||
<div class="title">深港双城故事</div>
|
<div class="title">深港双城故事</div>
|
||||||
<div class="text">{{ text }}</div>
|
<div class="text">{{ text }}</div>
|
||||||
<div class="time">2024.12</div>
|
<div class="time">2024.12</div>
|
||||||
<div class="media" @click="openPreview(index)">
|
<div class="media" @click="openPreview(index)">
|
||||||
<img class="img" src="./img/mv-1.svg" />
|
<img class="img" src="./static/img/mv-1.svg" />
|
||||||
<img class="play" src="./img/play-white-icon.svg" />
|
<img class="play" src="./static/img/play-white-icon.svg" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="audio-box mar1200 flexflex">
|
<div class="audio-box mar1200 flexflex">
|
||||||
<div class="item" v-for="(item, index) in audioList" :key="index">
|
<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="serial">{{ index + 1 }}</div>
|
||||||
<div class="content flexflex">
|
<div class="content flexflex">
|
||||||
<div class="album">
|
<div class="album">
|
||||||
<img class="img" src="./img/audio-img.png" />
|
<img class="img" src="./static/img/audio-img.png" />
|
||||||
<img class="icon" src="./img/record-icon.png" />
|
<img class="icon" src="./static/img/record-icon.png" />
|
||||||
</div>
|
</div>
|
||||||
<div class="info flexflex">
|
<div class="info flexflex">
|
||||||
<div class="name">画Remix</div>
|
<div class="name">画Remix</div>
|
||||||
@@ -127,21 +127,21 @@
|
|||||||
<div class="bar black flex1"></div>
|
<div class="bar black flex1"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="operate flexcenter">
|
<div class="operate flexcenter">
|
||||||
<img class="speed left" src="./img/speed-left.png" @click="fastForward('slow', 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="./img/pause-black-icon.svg" />
|
<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="./img/play-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="./img/speed-right.png" @click="fastForward('fast', item.url, 'works')" />
|
<img class="speed right" src="./static/img/speed-right.png" @click="fastForward('fast', item.url, 'works')" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img class="bj2" src="./img/works-bj2.png" />
|
<img class="bj2" src="./static/img/works-bj2.png" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="custom" ref="customRef">
|
<div class="custom" ref="customRef">
|
||||||
<div class="custom-box mar1200 flexflex">
|
<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="subtitle">往事可成追忆，把你的故事谱成歌</div>
|
||||||
<div class="list flexflex mar1200">
|
<div class="list flexflex mar1200">
|
||||||
<div class="item flexacenter" v-for="(item, index) in customList" :key="index">
|
<div class="item flexacenter" v-for="(item, index) in customList" :key="index">
|
||||||
@@ -154,20 +154,20 @@
|
|||||||
<div class="bar black flex1"></div>
|
<div class="bar black flex1"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="operate flexcenter">
|
<div class="operate flexcenter">
|
||||||
<img class="speed left" @click="fastForward('slow', item.src, 'custom')" src="./img/speed-left.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="./img/pause-black-icon.svg" />
|
<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="./img/play-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="./img/speed-right.png" />
|
<img class="speed right" @click="fastForward('fast', item.src, 'custom')" src="./static/img/speed-right.png" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img class="info-img" src="./img/custom-img.png" />
|
<img class="info-img" src="./static/img/custom-img.png" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom flexcenter">
|
<div class="bottom flexcenter">
|
||||||
<img class="bj" src="./img/custom-bj-1.svg" />
|
<img class="bj" src="./static/img/custom-bj-1.svg" />
|
||||||
<img class="bj" src="./img/custom-bj-2.svg" />
|
<img class="bj" src="./static/img/custom-bj-2.svg" />
|
||||||
<img class="bj" src="./img/custom-bj-1.svg" />
|
<img class="bj" src="./static/img/custom-bj-1.svg" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -182,7 +182,7 @@
|
|||||||
<img class="img img4" src="./static/img/student-img.png" />
|
<img class="img img4" src="./static/img/student-img.png" />
|
||||||
<img class="img img5" 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 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>
|
||||||
<div class="name">《听风少年的梦幻之城》</div>
|
<div class="name">《听风少年的梦幻之城》</div>
|
||||||
<div class="info flexacenter">
|
<div class="info flexacenter">
|
||||||
|
|||||||
Reference in New Issue
Block a user