88 lines
4.1 KiB
HTML
88 lines
4.1 KiB
HTML
<!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>
|