bingshuo/guanghulab
1
0
Fork 0
Code Issues 2 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

💿 唱片播放器加大+可见性优化：36px唱盘+药丸背景+▶音乐标签

Browse Source
This commit is contained in:
root 2026-05-20 23:16:24 +08:00
parent 4ac390bc87
commit 8095685a29
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
homepage/index.html
View File

@ -324,11 +324,11 @@ table.tool-table td:last-child{text-align:right}
<div class="tb-right">
<span class="tb-tag" onclick="toggleLogin()" id="login-toggle">登录</span>
<!-- 光湖唱片播放器 -->
<div style="position:relative;display:flex;align-items:center;gap:6px;cursor:pointer" onclick="togglePlayer()" id="vinyl-trigger">
<div id="vinyl-disc" style="width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,rgba(90,208,224,.5) 0%,rgba(11,20,36,.3) 35%,rgba(11,20,36,.6) 60%,rgba(90,208,224,.15) 100%);border:1px solid rgba(90,208,224,.2);display:flex;align-items:center;justify-content:center;animation:spin 6s linear infinite;flex-shrink:0">
<div style="width:8px;height:8px;border-radius:50%;background:rgba(90,208,224,.6);box-shadow:0 0 6px rgba(90,208,224,.3)"></div>
<div style="position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 10px;border-radius:20px;border:1px solid rgba(90,208,224,.08);transition:all .3s" onclick="togglePlayer()" id="vinyl-trigger" onmouseover="this.style.borderColor='rgba(90,208,224,.25)'" onmouseout="this.style.borderColor='rgba(90,208,224,.08)'">
<div id="vinyl-disc" style="width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,rgba(90,208,224,.6) 0%,#0b1424 25%,#0b1424 50%,rgba(90,208,224,.2) 100%);border:1px solid rgba(90,208,224,.25);display:flex;align-items:center;justify-content:center;animation:spin 6s linear infinite;flex-shrink:0;box-shadow:0 0 12px rgba(90,208,224,.1)">
<div style="width:10px;height:10px;border-radius:50%;background:rgba(90,208,224,.5);box-shadow:0 0 8px rgba(90,208,224,.3)"></div>
</div>
<span style="font-size:11px;color:rgba(90,208,224,.4);letter-spacing:1px" id="vinyl-label">音乐</span>
<span style="font-size:12px;color:rgba(90,208,224,.5);letter-spacing:1px" id="vinyl-label">▶ 音乐</span>
</div>
</div>
</div>