refactor: 提取os-status-dot共享类,修复代码重复问题
Agent-Logs-Url: https://github.com/qinfendebingshuo/guanghulab/sessions/e4f62efa-8a45-425a-a03d-6d5a928738f4 Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com>
This commit is contained in:
parent
84ea2d89ea
commit
23b233110f
|
|
@ -480,7 +480,7 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
|
|||
/* Blinking cursor */
|
||||
.os-blink{animation:osBlink 1.2s step-end infinite;color:var(--ok)}
|
||||
@keyframes osBlink{0%,100%{opacity:1}50%{opacity:0}}
|
||||
@media(prefers-reduced-motion:reduce){.os-blink{animation:none}.os-task-dot.active{animation:none}.os-layer-dot{animation:none}.os-wf-dot{animation:none}.os-progress-fill::after{animation:none}}
|
||||
@media(prefers-reduced-motion:reduce){.os-blink{animation:none}.os-task-dot.active{animation:none}.os-status-dot{animation:none}.os-progress-fill::after{animation:none}}
|
||||
|
||||
/* OS Block sections */
|
||||
.os-block{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(110,168,254,.08)}
|
||||
|
|
@ -511,13 +511,16 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
|
|||
|
||||
/* OS Layer items */
|
||||
.os-layer{display:flex;align-items:center;gap:6px;padding:2.5px 0;font-size:10px;color:var(--dim)}
|
||||
.os-layer-dot{width:5px;height:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 4px var(--ok);flex-shrink:0;animation:pls 3s infinite}
|
||||
.os-layer-num{color:var(--accent2);font-size:9px;min-width:18px}
|
||||
|
||||
/* OS Workflow grid */
|
||||
.os-wf-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
|
||||
.os-wf-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--ok);padding:3px 0}
|
||||
.os-wf-dot{width:4px;height:4px;border-radius:50%;background:var(--ok);box-shadow:0 0 4px var(--ok);flex-shrink:0;animation:pls 2s infinite}
|
||||
|
||||
/* Shared status dot (used by layer + workflow) */
|
||||
.os-status-dot{border-radius:50%;background:var(--ok);box-shadow:0 0 4px var(--ok);flex-shrink:0;animation:pls 2.5s infinite}
|
||||
.os-layer-dot{width:5px;height:5px}
|
||||
.os-wf-dot{width:4px;height:4px}
|
||||
|
||||
/* OS Log items */
|
||||
.os-log-item{display:flex;gap:8px;padding:2px 0;font-size:10px}
|
||||
|
|
@ -613,24 +616,24 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
|
|||
<!-- AGE OS Layers -->
|
||||
<div class="os-block">
|
||||
<div class="os-block-title">ARCH · 数字地球六层</div>
|
||||
<div class="os-layer"><span class="os-layer-dot"></span><span class="os-layer-num">L1</span> 地核 · TCS自转核</div>
|
||||
<div class="os-layer"><span class="os-layer-dot"></span><span class="os-layer-num">L2</span> 地幔 · 母语词典</div>
|
||||
<div class="os-layer"><span class="os-layer-dot"></span><span class="os-layer-num">L3</span> 地表 · 人格体运行</div>
|
||||
<div class="os-layer"><span class="os-layer-dot"></span><span class="os-layer-num">L4</span> 大气 · 信号总线</div>
|
||||
<div class="os-layer"><span class="os-layer-dot"></span><span class="os-layer-num">L5</span> 卫星 · Agent执行</div>
|
||||
<div class="os-layer"><span class="os-layer-dot"></span><span class="os-layer-num">L6</span> 太空 · 外部交互</div>
|
||||
<div class="os-layer"><span class="os-status-dot os-layer-dot"></span><span class="os-layer-num">L1</span> 地核 · TCS自转核</div>
|
||||
<div class="os-layer"><span class="os-status-dot os-layer-dot"></span><span class="os-layer-num">L2</span> 地幔 · 母语词典</div>
|
||||
<div class="os-layer"><span class="os-status-dot os-layer-dot"></span><span class="os-layer-num">L3</span> 地表 · 人格体运行</div>
|
||||
<div class="os-layer"><span class="os-status-dot os-layer-dot"></span><span class="os-layer-num">L4</span> 大气 · 信号总线</div>
|
||||
<div class="os-layer"><span class="os-status-dot os-layer-dot"></span><span class="os-layer-num">L5</span> 卫星 · Agent执行</div>
|
||||
<div class="os-layer"><span class="os-status-dot os-layer-dot"></span><span class="os-layer-num">L6</span> 太空 · 外部交互</div>
|
||||
</div>
|
||||
|
||||
<!-- Workflow Status -->
|
||||
<div class="os-block">
|
||||
<div class="os-block-title">WF · 工作流状态</div>
|
||||
<div class="os-wf-grid" id="activeAgents">
|
||||
<div class="os-wf-item"><span class="os-wf-dot"></span>听潮</div>
|
||||
<div class="os-wf-item"><span class="os-wf-dot"></span>锻心</div>
|
||||
<div class="os-wf-item"><span class="os-wf-dot"></span>织脉</div>
|
||||
<div class="os-wf-item"><span class="os-wf-dot"></span>映阁</div>
|
||||
<div class="os-wf-item"><span class="os-wf-dot"></span>守夜</div>
|
||||
<div class="os-wf-item"><span class="os-wf-dot"></span>试镜</div>
|
||||
<div class="os-wf-item"><span class="os-status-dot os-wf-dot"></span>听潮</div>
|
||||
<div class="os-wf-item"><span class="os-status-dot os-wf-dot"></span>锻心</div>
|
||||
<div class="os-wf-item"><span class="os-status-dot os-wf-dot"></span>织脉</div>
|
||||
<div class="os-wf-item"><span class="os-status-dot os-wf-dot"></span>映阁</div>
|
||||
<div class="os-wf-item"><span class="os-status-dot os-wf-dot"></span>守夜</div>
|
||||
<div class="os-wf-item"><span class="os-status-dot os-wf-dot"></span>试镜</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue