A1300399510/PC-official
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: 迁移静态资源文件至static目录

Browse Source 
将图片、音频和HTML文件从根目录迁移至static目录下的img和mp3子目录，并删除原文件
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-11 12:08:48 +08:00
parent 3d380d82de
commit 4324921fb2
62 changed files with 310 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
index.html
View File

@@ -4,9 +4,9 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>朴见潮音官网</title>
<script src="./js/vue.global.js"></script>
<script src="./js/artplayer.js"></script>
<link rel="stylesheet" href="./css/index.css" />
<script src="./static/js/vue.global.js"></script>
<script src="./static/js/artplayer.js"></script>
<link rel="stylesheet" href="./static/css/index.css" />
<style>
[v-cloak] {
display: none;
@@ -20,18 +20,23 @@
<div class="sidebar flexflex">
<div class="pointer">
<div class="item" :data-index="'01'"></div>
<div class="item active" :data-index="'02'"></div>
<div class="item" :data-index="'03'"></div>
<div class="item" :data-index="'04'"></div>
<div class="item" :class="{'active': pointerState === 'introduce'}" :data-index="'01'" @click="changePointer('introduce')"></div>
<div class="item" :class="{'active': pointerState === 'works'}" :data-index="'02'" @click="changePointer('works')"></div>
<div class="item" :class="{'active': pointerState === 'custom'}" :data-index="'03'" @click="changePointer('custom')"></div>
<div class="item" :class="{'active': pointerState === 'student'}" :data-index="'04'" @click="changePointer('student')"></div>
</div>
<div class="arrow">
<img class="item top" src="./img/arrow-white.svg" />
<img class="item bottom" src="./img/arrow-orange.svg" />
<!-- 向上按钮：不是介绍页时显示 -->
<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 !== 'student'" class="item bottom orange" src="./img/arrow-orange.svg" @click="scrollToNext" />
<img v-else class="item bottom white" src="./img/arrow-white.svg" />
</div>
</div>
<div class="introduce">
<div class="introduce" ref="introduceRef">
<div class="head flexacenter">
<div class="logo mar1200">
<img class="icon" src="./img/logo.png" />
@@ -77,7 +82,7 @@
</div>
</div>
<div class="works flexacenter">
<div class="works flexacenter" ref="worksRef">
<img class="bj1" src="./img/works-bj1.png" />
<div class="name-box">
<img class="bj" src="./img/works-title-bj.svg" />
@@ -134,24 +139,25 @@
<img class="bj2" src="./img/works-bj2.png" />
</div>
<div class="custom">
<div class="custom" ref="customRef">
<div class="custom-box mar1200 flexflex">
<img class="title" src="./img/custom-title.png" />
<div class="subtitle">往事可成追忆，把你的故事谱成歌</div>
<div class="list flexflex mar1200">
<div class="item flexacenter" v-for="(item, index) in 6" :key="index">
<div class="item flexacenter" v-for="(item, index) in customList" :key="index">
<div class="info flexflex">
<div class="name">画Remix</div>
<div class="lyric">走过的路汇成星河，脚下的路更辽阔</div>
<div class="progress-bar flexacenter">
<div class="bar white" :style="{ width: progress + '%' }"></div>
<div class="bar white" :style="{ width: item.progress + '%' }"></div>
<div class="circle"></div>
<div class="bar black" :style="{ width: (100 - progress) + '%' }"></div>
<div class="bar black flex1"></div>
</div>
<div class="operate flexcenter">
<img class="speed left" src="./img/speed-left.png" />
<img class="play" src="./img/play-black-icon.svg" />
<img class="speed right" src="./img/speed-right.png" />
<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" />
</div>
</div>
@@ -166,15 +172,21 @@
</div>
</div>
<div class="student">
<div class="student" ref="studentRef">
<div class="student-box flexflex">
<img class="title" src="./img/student-title.png" alt="" />
<div class="list">
<img class="img" src="./img/student-img.png" />
<img class="title" src="./static/img/student-title.png" alt="" />
<div class="list flexacenter">
<img class="img img1" src="./static/img/student-img.png" />
<img class="img img2" src="./static/img/student-img.png" />
<img class="img img3" 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 img6" src="./static/img/student-img.png" />
<img class="img img7" src="./img/student-img.png" />
</div>
<div class="name">《听风少年的梦幻之城》</div>
<div class="info flexacenter">
<img class="icon" src="./img/student-icon.svg" />
<img class="icon" src="./static/img/student-icon.svg" />
林林林 | 7岁 | 广州
</div>
@@ -190,34 +202,34 @@
</div> -->
<div class="operate flexcenter">
<img class="cut left" src="./img/cut-left.svg" />
<img class="speed left" src="./img/speed-white-left.png" />
<img class="play" src="./img/play-white-icon.svg" />
<img class="speed right" src="./img/speed-white-right.png" />
<img class="cut right" src="./img/cut-right.svg" />
<img class="cut left" src="./static/img/cut-left.svg" />
<img class="speed left" src="./static/img/speed-white-left.png" />
<img class="play" src="./static/img/play-white-icon.svg" />
<img class="speed right" src="./static/img/speed-white-right.png" />
<img class="cut right" src="./static/img/cut-right.svg" />
</div>
</div>
<div class="contact flexflex mar1200">
<img class="title" src="./img/contact-title.png" />
<img class="title" src="./static/img/contact-title.png" />
<div class="hint">我们可以为你提供AI音乐定制服务，谱写你独有的人生歌曲</div>
<div class="hint">我们可以为你提供AI音乐教学培训服务，让你拥有独立完成音乐作品的能力</div>
<img class="arrows" src="./img/arrows-yellow.svg" />
<img class="WeChat" src="./img/WeChat-img.jpg" />
<img class="logo" src="./img/logo-black.png" />
<img class="arrows" src="./static/img/arrows-yellow.svg" />
<img class="WeChat" src="./static/img/WeChat-img.jpg" />
<img class="logo" src="./static/img/logo-black.png" />
</div>
</div>
<div class="footer flexcenter">
<img class="logo" src="./img/ai-title.png" />
<img class="logo" src="./static/img/ai-title.png" />
<div class="text">广州九微科技有限公司 | Copyright 2001-2025 GTER All Rights Reserved | 粤ICP备14050432号</div>
</div>
<div v-if="previewState" class="preview flexcenter">
<img class="close" @click="closePreview()" src="./img/close.svg" />
<img class="close" @click="closePreview()" src="./static/img/close.svg" />
<div class="artplayer-app"></div>
</div>
</div>
<script src="./js/index.js"></script>
<script src="./static/js/index.js"></script>
</body>
</html>