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-09 19:11:23 +08:00
commit 8a6bef2214
29 changed files with 18929 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
index.html Normal file
View File

@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>朴见潮音官网</title>
<script src="./js/vue.global.js"></script>
<link rel="stylesheet" href="./css/index.css" />
</head>
<body>
<div class="content" id="appIndex">
<div class="introduce">
<div class="head flexacenter">
<div class="logo mar1200">
<img class="icon" src="./img/logo.png" />
</div>
</div>
<div class="box flexflex mar1200">
<div class="info">
<div class="brand flexacenter">
<div class="fill"></div>
<div class="text flexflex">
<span>AI music</span>
<span>Pioneering brand</span>
</div>
</div>
<div class="award flexflex">
<img class="title" src="./img/award-winning-works.png" />
<img class="name" src="./img/gushi.png" />
<div class="explain">
<div>中国AIGC产业联盟（AIGCxChina）</div>
<div>温州市社科联</div>
<div>温州市新闻媒体中心</div>
<div>第一届AI音乐春晚 正选节目</div>
</div>
</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 class="play" src="./img/play-white-icon.svg" />
</div>
</div>
<div class="trait flexflex mar1200">
<div class="item flexflex flex1" v-for="(item, index) in trait" :key="index">
<img class="icon" :src="item.icon" />
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.text }}</div>
</div>
</div>
</div>
<div class="works flexacenter">
<img class="bj1" src="./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" />
</div>
<div class="mv-box mar1200">
<div class="item flexflex">
<div class="serial">01</div>
<div class="title">深港双城故事</div>
<div class="text">中国AIGC产业联盟（AIGCxChina）
温州市社科联
温州市新闻媒体中心
第一届AI音乐春晚 正选节目</div>
<div class="time">2024.12</div>
</div>
</div>
<img class="bj2" src="./img/works-bj2.png" />
</div>
</div>
<script src="./js/index.js"></script>
</body>
</html>