feat(gui+ohos): 同步阶段管道工具格「只滚动展示最新一条调用」

WebUI 已改为工具格只露最新一条。桌面版与鸿蒙端是同一套运行态面板的
镜像,一并跟上,避免三端口径不一致:

- cmd/gui:renderRuntimePanel 工具格只渲染最新条目 + 本轮累计次数;
  overview 是整块 innerHTML 重建,故动画类由 state.toolFlash 单次驱动,
  避免任何重渲染都闪一下。
- cmd/ohos:RuntimePanel 工具格改为 latestEvent() + totalCount(),
  不再 ForEach 追加。已用 hvigor 实测 BUILD SUCCESSFUL。
This commit is contained in:
JianFeeeee
2026-09-14 20:09:57 +08:00
parent 0493960985
commit 37d6796230
3 changed files with 156 additions and 35 deletions

View File

@ -2287,6 +2287,40 @@ td .switch {
gap: 4px;
min-height: 23px;
}
/* 「工具」格的滚动视口:固定一行高,只露最新一条(与 WebUI 同一口径)。 */
.rt-pipe-scroll {
flex-wrap: nowrap;
height: 23px;
min-height: 23px;
overflow: hidden;
align-items: center;
}
.rt-pipe-scroll .rt-chip {
flex: 0 1 auto;
min-width: 0;
max-width: none;
}
.rt-chip-enter {
animation: rt-chip-scroll-in 0.3s var(--ease-out);
}
@keyframes rt-chip-scroll-in {
from {
transform: translateY(115%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.rt-scroll-count {
flex: 0 0 auto;
margin-left: auto;
font-style: normal;
font-size: 10.5px;
opacity: 0.6;
font-variant-numeric: tabular-nums;
}
.rt-loop {
display: inline-flex;
color: var(--accent);
@ -2308,6 +2342,13 @@ td .switch {
border: 1px solid var(--border-color);
color: var(--text-secondary);
}
.rt-chip-t {
font-weight: inherit;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rt-chip-tool {
border-color: rgba(136, 192, 208, 0.42);
color: var(--frost-300);