diff --git a/src/components/visualPerformance/index.vue b/src/components/visualPerformance/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..292ba33c7d2d1bbea2649e035a85673f24719b06
--- /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 e82feab98eb745d5ca1c73fc7a7a1f66d0e2cead..d354696fa5f7caa2ef06709759731a326b277c0c 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 9e85ee0bb00bf491b633b49a294ea7b9d0453926..db6151cc09a12a482707b8d684dcb0dc9ccebb34 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: '可视化性能指标',
+            },
         }
     ],
 };