PinPuYi.vue

src/components/PinPuYi/PinPuYi.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import DeviceImage from './pin-pu-yi-bg.png';
+</script>
+
+<template>
+  <div>
+    <img :src="DeviceImage" alt="频谱仪设备照片" />
+  </div>
+</template>
+
+<style scoped>
+img {
+  width: calc(2554px * 0.5);
+  height: calc(1626px * 0.5);
+}
+</style>

src/pages/Page/PinPuYi.page.vue

@@ -0,0 +1,13 @@
+<!--
+http://localhost:4730/Page/PinPuYi
+-->
+<script setup lang="ts">
+definePage({ meta: { title: '频谱仪', hidden: !$__DEV__ } });
+</script>
+
+<template>
+  <template v-if="$__DEV__">
+    <PinPuYi />
+  </template>
+  <template v-else> 🤡 </template>
+</template>