Wed Feb 7 17:08:00 CST 2024 inscode

src/components/GameChart.vue

 <template>
-    <Author />
+    <!-- <Author /> -->
     <div>
         <div style="text-align: center;">
             <a style="font-size: 24px;font-weight:bolder;">{{ state.title }}</a>

src/components/SearchGrade.vue

@@ -123,7 +123,7 @@ onUnmounted(() => {
 
 <template>
   <div class="container">
-    <Author />
+    <!-- <Author /> -->
     <div style="text-align: center;">
       <a style="font-size: 24px;font-weight:bolder;">{{ state.title }}</a>
     </div>

src/components/commit/Commit.vue

@@ -57,7 +57,7 @@ const analysisCommit = async () => {
 </script>
 
 <template>
-    <Author />
+    <!-- <Author /> -->
     <a-spin :spinning="state.loading">
         <div style="border:1px solid #3333;padding:5px;">
             <div>

src/components/visual/index.vue

@@ -20,7 +20,7 @@
 </script>
 <template>
     <div style="padding:20px;">
-        <Author/>
+        <!-- <Author/> -->
         <div>
             {{state.title}}
             <div>

src/components/visualHtml/index.vue

@@ -8,7 +8,7 @@ const state = reactive({
 </script>
 <template>
     <div style="padding:20px;">
-        <Author />
+        <!-- <Author /> -->
         <div>
             {{ state.title }}
             <div>

src/layout/index.vue

@@ -78,25 +78,37 @@ onMounted(() => {
                 <a-sub-menu v-for="menu in state.menuList" :key="menu.key">
                     <template #icon> {{ renderIcon(menu.icon) }}</template>
                     <template #title> <span>{{ menu.title }}</span></template>
-                    <a-menu-item v-for="menuChild in menu.children" :key="menuChild.key" @click="clickMenu(menu, menuChild)">
+                    <a-menu-item v-for="menuChild in menu.children" :key="menuChild.key"
+                        @click="clickMenu(menu, menuChild)">
                         {{ menuChild.title }}
                     </a-menu-item>
                 </a-sub-menu>
             </a-menu>
         </a-layout-sider>
         <a-layout>
-            <a-layout-header style="background: #ffffff; padding-left: 20px">
+            <a-layout-header style="background: #ffffff; padding-left: 20px;border-bottom:1px solid #dcdcdc">
                 <div style="display: flex">
                     <div style="width: 50%">
                         <menu-unfold-outlined v-if="state.collapsed" class="trigger" @click="collapeAction" />
                         <menu-fold-outlined v-else class="trigger" @click="collapeAction" />
                         {{ state.title }}
                     </div>
+                    <div style="width: 50%;text-align: right;">
+                        <div style="height:64px;line-height:64px;">
+                            <a href="https://blog.csdn.net/qq_38870145?type=blog" target="_blank">
+                                <div class="csdn-img-header" />
+                            </a>
+                            作者：yma16
+                        </div>
+
+                    </div>
                 </div>
             </a-layout-header>
             <a-layout-content class="content-box">
                 <!--                    渲染子路由-->
-                <router-view />
+                <a-card>
+                    <router-view />
+                </a-card>
             </a-layout-content>
         </a-layout>
     </a-layout>
@@ -142,4 +154,13 @@ onMounted(() => {
     width: 100%;
     height: 100%;
 }
+.csdn-img-header {
+    background: url(../assets/csdn.jpg);
+    background-size: 100%;
+    width: 30px;
+    height: 30px;
+    display: inline-block;
+    line-height: 64px;
+    cursor: pointer;
+}
 </style>

src/router/modules/layout.js

@@ -18,9 +18,69 @@ export default {
             name: 'SearchGrade',
             component: () => import('@/components/SearchGrade.vue'),
             meta: {
-                // affix: true,
+
+                icon: 'ion:grid-outline',
+                title: 'csdn查分',
+            },
+        },
+        {
+            path: 'GameChart',
+            name: 'GameChart',
+            component: () => import('@/components/GameChart.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: 'vue3赛道可视化',
+            },
+        },
+        {
+            path: 'Draw',
+            name: 'Draw',
+            component: () => import('@/components/draw/Draw.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '抽奖',
+            },
+        },
+        {
+            path: 'Drag',
+            name: 'Drag',
+            component: () => import('@/components/drag/Drag.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '拼图',
+            },
+        },
+        {
+            path: 'Commit',
+            name: 'Commit',
+            component: () => import('@/components/commit/Commit.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '大模型分析评论',
+            },
+        },
+        {
+            path: 'visual',
+            name: 'visual',
+            component: () => import('@/components/visual/index.vue'),
+            meta: {
+
+                icon: 'ion:grid-outline',
+                title: '2023编码可视化',
+            },
+        },
+        {
+            path: 'visualHtml',
+            name: 'visualHtml',
+            component: () => import('@/components/visualHtml/index.vue'),
+            meta: {
+
                 icon: 'ion:grid-outline',
-                title:'csdn查分',
+                title: '可视化html',
             },
         }
     ],