临时屏幕.png

src/components/PinPuYi/PinPuYi.vue

@@ -2,6 +2,7 @@
 <script setup lang="ts">
 import { $enum } from 'ts-enum-util';
 
+import 临时屏幕照片 from './imgs/临时屏幕.png';
 import DeviceImage from './pin-pu-yi-bg.png';
 
 enum E_选项卡菜单 {
@@ -281,10 +282,11 @@ function 执行点击数字按钮(按钮值: E_数字键盘按键) {
     </div>
 
     <div data-box="屏幕" class="absolute top-[140px] left-[170px] w-[460px] h-[350px] bg-black">
+      <img :src="临时屏幕照片" alt="频谱仪设备照片" class="absolute top-0 left-0 w-[380px]! h-[330px]!" />
       <div
         v-if="state.Freq状态.输入状态.选中的Freq菜单列表的项目"
         data-box="显示输入的 Freq/Channel 的值"
-        class="flex flex-col gap-y-[0px] text-white bg-pink-200/50 absolute left-[40px] top-[140px] lh-[1.2]"
+        class="flex flex-col gap-y-[0px] text-white bg-pink-500/100 absolute left-[40px] top-[140px] lh-[1.2]"
       >
         <!-- 优先显示临时输入字符串，如果为空，则显示默认或已确认的值 -->
         <div>{{ state.Freq状态.输入状态.选中的Freq菜单列表的项目 }}</div>