feat: 添加猜歌页面及相关资源文件

新增猜歌页面(guess.html)及配套CSS/LESS文件添加多个SVG图片资源用于页面展示优化song-request-station页面标题和图标移除song-request-station页面无用样式和图片
2025-09-22 18:54:03 +08:00
parent 4087c429fa
commit 5d67675772
12 changed files with 628 additions and 98 deletions
--- a/guess.html
+++ b/guess.html
@@ -0,0 +1,50 @@
+<!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-bj-2.svg" alt="" />
+                    <img class="love-little" src="./static/img/guess-love-little.svg" alt="" />
+                    <img class="music-icon" src="./static/img/music-icon.svg" alt="" />
+                    <img class="bj" src="./static/img/guess-bj.svg" alt="" />
+                    <img class="love-big" src="./static/img/guess-love-big.svg" alt="" />
+                    <img class="music-score" src="./static/img/music-score.png" />
+                    <img class="question" src="./static/img/question-mark.png" />
+                    <img class="text" src="./static/img/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">
+                    <div class="start-box">
+                        
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>