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>

typed-router.d.ts

@@ -35,6 +35,7 @@ declare module 'vue-router/auto-routes' {
     'PageJSPage': RouteRecordInfo<'PageJSPage', '/Page/JSPage', Record<never, never>, Record<never, never>>,
     'PageMDPage': RouteRecordInfo<'PageMDPage', '/Page/MDPage', Record<never, never>, Record<never, never>>,
     'PageP5Js': RouteRecordInfo<'PageP5Js', '/Page/p5_js', Record<never, never>, Record<never, never>>,
+    'PagePinPuYi': RouteRecordInfo<'PagePinPuYi', '/Page/PinPuYi', Record<never, never>, Record<never, never>>,
     'PageStyle': RouteRecordInfo<'PageStyle', '/Page/Style', Record<never, never>, Record<never, never>>,
     'PageViteAssets': RouteRecordInfo<'PageViteAssets', '/Page/vite-assets', Record<never, never>, Record<never, never>>,
     'PkgsUsageI18n': RouteRecordInfo<'PkgsUsageI18n', '/PkgsUsage/I18n', Record<never, never>, Record<never, never>>,