diff --git a/homepage/index.html b/homepage/index.html index c3dd337..94aec45 100644 --- a/homepage/index.html +++ b/homepage/index.html @@ -295,6 +295,9 @@ table.tool-table td:last-child{text-align:right} table.tool-table td{display:block;padding:8px 0} table.tool-table td:last-child{text-align:left} } + +@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} +@keyframes playerSlide{0%{opacity:0;transform:translateY(-8px) scaleY(.95)}100%{opacity:1;transform:translateY(0) scaleY(1)}} @@ -320,11 +323,37 @@ table.tool-table td:last-child{text-align:right}
登录 + +
+
+
+
+ 音乐 +
+ + + +

第五域

@@ -968,18 +997,39 @@ async function sendMessage() { } } })(); + +// ===== 光湖唱片 ===== +let playerOpen = false; +function togglePlayer() { + playerOpen = !playerOpen; + const p = document.getElementById("vinyl-panel"); + const l = document.getElementById("vinyl-label"); + const d = document.getElementById("vinyl-disc"); + if (playerOpen) { + p.style.display = "block"; + l.textContent = "▕音"; + d.style.borderColor = "rgba(90,208,224,.5)"; + } else { + p.style.display = "none"; + l.textContent = "音乐"; + d.style.borderColor = "rgba(90,208,224,.2)"; + } +} +function closePlayer() { + playerOpen = false; + document.getElementById("vinyl-panel").style.display = "none"; + document.getElementById("vinyl-label").textContent = "音乐"; + document.getElementById("vinyl-disc").style.borderColor = "rgba(90,208,224,.2)"; +} +// 点击页面其他地方关闭播放器 +document.addEventListener("click", function(e) { + if (playerOpen && !e.target.closest("#vinyl-panel") && !e.target.closest("#vinyl-trigger")) { + closePlayer(); + } +}); - -
-
- ◈ 光湖 · 音律 - 网易云音乐 -
-
- -
-
+ \ No newline at end of file