8a764d2fdb
- 调整播放器底部样式，优化进度条和操作按钮布局 - 修复音量控制拖动功能 - 更新音乐数据源，增加更多歌曲分类和曲目 - 优化图片资源路径和命名规范 - 添加新的SVG图标和背景元素 - 修复播放进度条选择器错误 - 调整标签样式和交互效果
57 lines
2.9 KiB
HTML
57 lines
2.9 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>
|
|
<link rel="stylesheet" href="./static/css/guess.css" />
|
|
<script src="./static/js/vue.global.js"></script>
|
|
<link rel="icon" href="./static/img/favicon.ico" type="image/x-icon" />
|
|
|
|
<style>
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="container-box mar1200">
|
|
<img class="logo" src="./static/img/logo.png" alt="" />
|
|
<div class="header">
|
|
<img class="halo" src="./static/img/halo.png" />
|
|
<img class="record-black" src="./static/img/record-black.svg" />
|
|
<div class="record-circle"></div>
|
|
<img class="star-icon" src="./static/img/star-icon.png" alt="" />
|
|
<img class="bj-2" src="./static/img/guess/guess-bj-2.svg" alt="" />
|
|
<img class="love-little" src="./static/img/guess/guess-love-little.svg" alt="" />
|
|
<img class="music-icon" src="./static/img/music-icon.svg" alt="" />
|
|
<img class="bj" src="./static/img/guess/guess-bj.svg" alt="" />
|
|
<img class="love-big" src="./static/img/guess/guess-love-big.svg" alt="" />
|
|
<img class="music-score" src="./static/img/music-score.png" />
|
|
<img class="question" src="./static/img/guess/question-mark.png" />
|
|
<img class="text" src="./static/img/guess/guess-text.svg" />
|
|
<img class="face" src="./static/img/smiling-face.png" />
|
|
<img class="star-icon-2" src="./static/img/star-icon-2.png" />
|
|
<img class="ai-music" src="./static/img/ai-music.png" />
|
|
<img class="green-glow" src="./static/img/green-glow.png" />
|
|
<img class="shadow" src="./static/img/shadow.png" />
|
|
</div>
|
|
|
|
<div class="details">
|
|
<img class="ray-light ray-light-left" src="./static/img/guess/ray-light.svg" />
|
|
<img class="ray-light ray-light-right" src="./static/img/guess/ray-light.svg" />
|
|
<img class="bj-check" src="./static/img/guess/bj-check.svg" alt="" />
|
|
<img class="bj-mask" src="./static/img/guess/bj-mask.svg" alt="" />
|
|
<img class="fluctuate-icon" src="./static/img/guess/fluctuate-icon.png" alt="" />
|
|
<div class="start-box">
|
|
<img class="microphone" src="./static/img/guess/microphone.png" alt="" />
|
|
<img class="suspect-text" src="./static/img/guess/suspect-text.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|