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

no message

Browse Source
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-11 14:08:30 +08:00
parent 798a144791
commit cdd34ea0ed
11 changed files with 305 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
static/css/index.css
View File

@@ -685,33 +685,33 @@
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.content .student .student-box .list .img.img6 {
.content .student .student-box .list .img.img5 {
left: 0;
z-index: 2;
}
.content .student .student-box .list .img.img4 {
.content .student .student-box .list .img.img3 {
left: 149px;
z-index: 4;
}
.content .student .student-box .list .img.img2 {
.content .student .student-box .list .img.img1 {
left: 299px;
z-index: 6;
}
.content .student .student-box .list .img.img1 {
.content .student .student-box .list .img.img0 {
width: 320px;
height: 320px;
left: 440px;
z-index: 7;
}
.content .student .student-box .list .img.img3 {
.content .student .student-box .list .img.img2 {
left: 654px;
z-index: 5;
}
.content .student .student-box .list .img.img5 {
.content .student .student-box .list .img.img4 {
left: 804px;
z-index: 3;
}
.content .student .student-box .list .img.img7 {
.content .student .student-box .list .img.img6 {
left: 954px;
z-index: 1;
}

14
static/css/index.less
View File

@@ -787,39 +787,39 @@
cursor: pointer;
transition: all 0.3s ease-in-out;
&.img6 {
&.img5 {
left: 0;
z-index: 2;
}
&.img4 {
&.img3 {
left: 149px;
z-index: 4;
}
&.img2 {
&.img1 {
left: 299px;
z-index: 6;
}
&.img1 {
&.img0 {
width: 320px;
height: 320px;
left: 440px;
z-index: 7;
}
&.img3 {
&.img2 {
left: 654px;
z-index: 5;
}
&.img5 {
&.img4 {
left: 804px;
z-index: 3;
}
&.img7 {
&.img6 {
left: 954px;
z-index: 1;
}

BIN
static/img/student-img-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
static/img/student-img-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
static/img/student-img-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
static/img/student-img-5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 131 KiB

BIN
static/img/student-img-6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
static/img/student-img-7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

65
static/js/index.js
View File

@@ -3,22 +3,22 @@ const search = createApp({
setup() {
const trait = [
{
icon: "./img/headset-icon.png",
icon: "./static/img/headset-icon.png",
title: "音乐创作",
text: "朴见潮音，2024 年成立于广州，是专注 AI 音乐领域的创新工作室。短短一年便跻身于AI音乐浪潮先锋品牌！",
},
{
icon: "./img/mv-icon.png",
icon: "./static/img/mv-icon.png",
title: "MV创作",
text: "以 AI 技术为核心，整合音乐创作、MV 制作、教学培训、发行级重制等业务，为创作者和爱好者打造一站式平台。",
},
{
icon: "./img/train-icon.png",
icon: "./static/img/train-icon.png",
title: "教学培训",
text: "工作室运用多种 AI 工具，突破传统创作局限，支持流行、摇滚等多元风格创作，满足个性化需求。",
},
{
icon: "./img/remake-icon.png",
icon: "./static/img/remake-icon.png",
title: "发行级重制",
text: "构建全流程服务体系，从 AI 音乐创作、MV 视觉呈现，到零基础教学，再到发行级重制提升品质，实现作品价值最大化。",
},
@@ -90,25 +90,25 @@ const search = createApp({
const element = document.querySelector(`.${state}`);
if (!element) return;
element.scrollIntoView({
element.scrollIntoView({
behavior: "smooth",
});
};
// 向上滚动到上一页
const scrollToPrevious = () => {
const currentIndex = ['introduce', 'works', 'custom', 'student'].indexOf(pointerState.value);
const currentIndex = ["introduce", "works", "custom", "student"].indexOf(pointerState.value);
if (currentIndex > 0) {
const prevState = ['introduce', 'works', 'custom', 'student'][currentIndex - 1];
const prevState = ["introduce", "works", "custom", "student"][currentIndex - 1];
changePointer(prevState);
}
};
// 向下滚动到下一页
const scrollToNext = () => {
const currentIndex = ['introduce', 'works', 'custom', 'student'].indexOf(pointerState.value);
const currentIndex = ["introduce", "works", "custom", "student"].indexOf(pointerState.value);
if (currentIndex < 3) {
const nextState = ['introduce', 'works', 'custom', 'student'][currentIndex + 1];
const nextState = ["introduce", "works", "custom", "student"][currentIndex + 1];
changePointer(nextState);
}
};
@@ -335,6 +335,51 @@ const search = createApp({
},
]);
return { scrollToPrevious, scrollToNext, changePointer, pointerState, visibleRef, studentRef, customRef, worksRef, introduceRef, customList, closeAll, manageAudio, progress, pauseAudio, playAudio, audioList, closePreview, openPreview, previewState, audioHeadState, pauseHead, playHead, audioPlayer, text, trait, fastForward };
let studentIndex = ref(0);
let studentList = ref([
{
img: "./static/img/student-img.png",
src: "https://app.gter.net/image/miniApp/mp3/1.mp3",
serial: 0,
},
{
src: "https://app.gter.net/image/miniApp/mp3/2.mp3",
img: "./static/img/student-img-2.png",
serial: 1,
},
{
src: "https://app.gter.net/image/miniApp/mp3/3.mp3",
img: "./static/img/student-img-3.png",
serial: 2,
},
{
src: "https://app.gter.net/image/miniApp/mp3/4.mp3",
img: "./static/img/student-img-4.png",
serial: 3,
},
{
src: "https://app.gter.net/image/miniApp/mp3/4.mp3",
img: "./static/img/student-img-5.png",
serial: 4,
},
{
src: "https://app.gter.net/image/miniApp/mp3/4.mp3",
img: "./static/img/student-img-6.png",
serial: 5,
},
{
src: "https://app.gter.net/image/miniApp/mp3/4.mp3",
img: "./static/img/student-img-7.png",
serial: 6,
},
]);
const cutStudent = (serial) => {
let index = studentList.value.findIndex((item) => item.serial == serial);
console.log("index", index);
};
return { cutStudent, studentList, studentIndex, scrollToPrevious, scrollToNext, changePointer, pointerState, visibleRef, studentRef, customRef, worksRef, introduceRef, customList, closeAll, manageAudio, progress, pauseAudio, playAudio, audioList, closePreview, openPreview, previewState, audioHeadState, pauseHead, playHead, audioPlayer, text, trait, fastForward };
},
}).mount("#appIndex");