From c72fabd6f70c8cd39a5bcb9ca7c708fa57528660 Mon Sep 17 00:00:00 2001
From: qq_38870145 <qq_38870145@devide>
Date: Sat, 9 Mar 2024 19:06:00 +0800
Subject: [PATCH] Sat Mar  9 19:06:00 CST 2024 inscode

---
 src/components/visualPerformance/index.vue | 13 +++++++++++++
 src/layout/index.vue                       |  1 +
 src/router/modules/layout.js               | 10 ++++++++++
 3 files changed, 24 insertions(+)
 create mode 100644 src/components/visualPerformance/index.vue

diff --git a/src/components/visualPerformance/index.vue b/src/components/visualPerformance/index.vue
new file mode 100644
index 0000000..292ba33
--- /dev/null
+++ b/src/components/visualPerformance/index.vue
@@ -0,0 +1,13 @@
+<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
diff --git a/src/layout/index.vue b/src/layout/index.vue
index e82feab..d354696 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -167,6 +167,7 @@ onMounted(() => {
     width: 30px;
     height: 30px;
     display: inline-block;
+    transform: translateY(10px);
     line-height: 64px;
     cursor: pointer;
 }
diff --git a/src/router/modules/layout.js b/src/router/modules/layout.js
index 9e85ee0..db6151c 100644
--- a/src/router/modules/layout.js
+++ b/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: '可视化性能指标',
+            },
         }
     ],
 };
-- 
GitLab