xuyueandClaude Opus 5.5
98be8331bc
- runtime：仿真 WinForms 子集（Form、Button、Label、TextBox、ComboBox、 GroupBox、Timer、MessageBox、界面线程消息循环、跨线程检查）、 教材设备类库（DeviceCtrlHelper、LED 控件）、运行器（常驻编译服务 + 运行模式） - server：Bun + Hono，WebSocket 会话，每次运行一个进程，消息转发 - web：Vue + Naive UI，WinForms 风格窗体渲染、MessageBox、实训台 LED 屏 - 端到端测试与 100 个程序并发的压力测试 - 教材逐任务摘要（docs/教材摘要） Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
61 lines
1.2 KiB
Vue
61 lines
1.2 KiB
Vue
<script setup lang="ts">
|
||
// 虚拟实训台。第 0 阶段只有 LED 显示屏，其余设备按布局图逐步加入。
|
||
defineProps<{ ledText: string }>()
|
||
</script>
|
||
|
||
<template>
|
||
<div class="board">
|
||
<div class="board-label">LED 显示屏（COM5）</div>
|
||
<div class="led-screen">
|
||
<span v-if="ledText" :key="ledText" class="led-screen-text">{{ ledText }}</span>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.board {
|
||
padding: 12px;
|
||
background: #3b4252;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.board-label {
|
||
margin-bottom: 6px;
|
||
color: #d8dee9;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.led-screen {
|
||
position: relative;
|
||
height: 56px;
|
||
overflow: hidden;
|
||
background:
|
||
radial-gradient(circle, rgb(255 255 255 / 0.06) 1px, transparent 1.5px) 0 0 / 4px 4px,
|
||
#0b0b0b;
|
||
border: 3px solid #222;
|
||
}
|
||
|
||
.led-screen-text {
|
||
position: absolute;
|
||
top: 8px;
|
||
white-space: pre;
|
||
color: #ff2a2a;
|
||
text-shadow: 0 0 6px rgb(255 40 40 / 0.8);
|
||
font-family: "SimHei", "Noto Sans CJK SC", sans-serif;
|
||
font-size: 34px;
|
||
line-height: 40px;
|
||
animation: led-scroll 12s linear infinite;
|
||
}
|
||
|
||
@keyframes led-scroll {
|
||
from {
|
||
left: 100%;
|
||
transform: translateX(0);
|
||
}
|
||
to {
|
||
left: 0;
|
||
transform: translateX(-100%);
|
||
}
|
||
}
|
||
</style>
|