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

feat: 首页集成封面工作室入口 · 5列模块布局 · NEW标签 · 点击新标签页跳转guanghulab.com/cover/

Browse Source
This commit is contained in:
bingshuo 2026-05-27 19:00:25 +08:00
parent 49d0b5aa47
commit 46fc9ca822
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
homepage/index.html
View File

@ -73,12 +73,14 @@ canvas { position: fixed; top: 0; left: 0; z-index: 0; }
.status span { color: var(--glow); }
/* 模块 */
.modules { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 50px 0; }
.modules { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin: 50px 0; }
.mod { background: var(--glass); border: 1px solid var(--edge); border-radius: 18px; padding: 32px 20px; text-align: center; cursor: pointer; transition: all 0.3s; }
.mod:hover { border-color: var(--edge-h); background: rgba(20,35,70,0.85); transform: translateY(-3px); }
.mod.active { border-color: rgba(150,200,255,0.7); background: rgba(25,40,80,0.9); box-shadow: 0 0 40px rgba(110,160,230,0.2); }
.mod.new { border-color: rgba(140,220,180,0.4); }
.mod .icon { font-size: 42px; margin-bottom: 12px; }
.mod .name { font-size: 19px; color: var(--glow); letter-spacing: 2px; }
.mod .tag { display: inline-block; font-size: 11px; color: var(--green); background: rgba(140,220,180,0.12); padding: 2px 10px; border-radius: 10px; margin-top: 8px; letter-spacing: 1px; }
.panel { background: var(--glass); border: 1px solid var(--edge); border-radius: 18px; padding: 32px 36px; margin-top: 8px; display: none; }
.panel.show { display: block; animation: fadeIn 0.3s ease; }
@ -148,6 +150,11 @@ canvas { position: fixed; top: 0; left: 0; z-index: 0; }
</div>
<div class="modules">
<div class="mod new" onclick="window.open('/cover/','_blank')">
<div class="icon">🎨</div>
<div class="name">封面工作室</div>
<div class="tag">NEW</div>
</div>
<div class="mod" id="m-server" onclick="showPanel('server')"><div class="icon">⚙️</div><div class="name">服务器系统</div></div>
<div class="mod" id="m-ticket" onclick="showPanel('ticket')"><div class="icon">📋</div><div class="name">工单系统</div></div>
<div class="mod" id="m-bcast" onclick="showPanel('bcast')"><div class="icon">📡</div><div class="name">主控广播</div></div>