Sat Mar 9 19:06:00 CST 2024 inscode

src/components/visualPerformance/index.vue

+<script lang="ts" setup>
+import { reactive } from 'vue';
+const state: any = reactive({
+    title: '性能指标可视化'
+})
+</script>
+<template>
+    <div>
+        <div>
+            {{ state.title }}
+        </div>
+    </div>
+</template>
\ No newline at end of file

src/layout/index.vue

@@ -167,6 +167,7 @@ onMounted(() => {
     width: 30px;
     height: 30px;
     display: inline-block;
+    transform: translateY(10px);
     line-height: 64px;
     cursor: pointer;
 }

src/router/modules/layout.js

@@ -82,6 +82,16 @@ export default {
                 icon: 'ion:grid-outline',
                 title: '可视化html',
             },
+        },
+        {
+            path: 'visualPerformance',
+            name: 'visualPerformance',
+            component: () => import('@/components/visualPerformance/index.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '可视化性能指标',
+            },
         }
     ],
 };