diff --git a/src/router/index.ts b/src/router/index.ts
index ce4314e..c99d126 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory } from 'vue-router';
+import { createRouter, createWebHashHistory } from 'vue-router'
 
 const router = createRouter({
   history: createWebHashHistory(import.meta.env.BASE_URL),
@@ -6,8 +6,8 @@ const router = createRouter({
     {
       path: '/',
       name: 'root',
-      redirect: '/thenew', 
-      component: () => import('@/views/TheNewView.vue'), 
+      redirect: '/thenew',
+      component: () => import('@/views/TheNewView.vue'),
       children: [
         {
           path: 'thenew',
@@ -18,43 +18,63 @@ const router = createRouter({
             {
               path: 'hour-line',
               name: 'hour-line',
-              component: () => import('@/end/NewDesign.vue')
+              component: () => import('@/end/NewDesign.vue'),
             },
             {
               path: 'hour-line2',
               name: 'hour-line2',
-              component: () => import('@/endnew/NewStyleDesign.vue')
+              component: () => import('@/endnew/NewStyleDesign.vue'),
             },
             {
               path: 'day-line',
               name: 'day-line',
-              component: () => import('@/end/NodataView.vue')
+              component: () => import('@/end/NodataView.vue'),
+            },
+            {
+              path: 'day-line2',
+              name: 'day-line2',
+              component: () => import('@/end/NodataView.vue'),
             },
             {
               path: 'week-line',
               name: 'week-line',
-              component: () => import('@/end/NodataView.vue')
+              component: () => import('@/end/NodataView.vue'),
+            },
+            {
+              path: 'week-line2',
+              name: 'week-line2',
+              component: () => import('@/end/NodataView.vue'),
             },
             {
               path: 'month-line',
               name: 'month-line',
-              component: () => import('@/end/NodataView.vue')
+              component: () => import('@/end/NodataView.vue'),
+            },
+            {
+              path: 'month-line2',
+              name: 'month-line2',
+              component: () => import('@/end/NodataView.vue'),
             },
             {
               path: 'year-line',
               name: 'year-line',
-              component: () => import('@/end/NodataView.vue')
+              component: () => import('@/end/NodataView.vue'),
+            },
+            {
+              path: 'year-line2',
+              name: 'year-line2',
+              component: () => import('@/end/NodataView.vue'),
             },
             {
               path: 'nodata',
               name: 'nodata',
-              component: () => import('@/end/NodataView.vue')
-            }
-          ]
-        }
-      ]
-    }
-  ]
-});
+              component: () => import('@/end/NodataView.vue'),
+            },
+          ],
+        },
+      ],
+    },
+  ],
+})
 
-export default router;
\ No newline at end of file
+export default router
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 0e6c641..e007d65 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -81,14 +81,29 @@ let routerList = [
   'month-line',
   'year-line',
 ]
+// 模拟路由数据
+let routerLists = [
+  'hour-line2',
+  'day-line2',
+  'week-line2',
+  'month-line2',
+  'year-line2',
+]
 // 定义一个响应式变量来存储当前激活的项的索引
 const activeIndex = ref(0)
 // 定义一个处理点击事件的函数
 function handleClick(index) {
   // 更新当前激活的项的索引
   activeIndex.value = index
-  // 跳转路由
-  router.push(`/thenew/${routerList[index]}`)
+  if(style.value === 'vertical'){
+    // 跳转路由
+    router.push(`/thenew/${routerList[index]}`)
+  }
+  if(style.value === 'grid'){
+    // 跳转路由
+    router.push(`/thenew/${routerLists[index]}`)
+  }
+  
 }
 </script>
 
@@ -161,7 +176,7 @@ function handleClick(index) {
                   <el-tooltip
                     class="box-item"
                     effect="light"
-                    content="Light"
+                    content="明亮"
                     placement="left"
                   >
                     <svg t="1737685432082" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3218" width="16" height="16"><path d="M504.832 144h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.504-5.344 9.984-11.952 9.984h-24.08c-6.608 0-11.968-4.48-11.968-9.984V153.984c0-5.52 5.36-9.984 11.968-9.984z m10.304 541.92c96.432 0 174.608-78.176 174.608-174.608 0-96.448-78.176-174.624-174.608-174.624S340.528 414.88 340.528 511.312c0 96.432 78.176 174.608 174.608 174.608z m0 48c-122.944 0-222.608-99.68-222.608-222.608 0-122.944 99.664-222.624 222.608-222.624s222.608 99.68 222.608 222.624c0 122.928-99.68 222.608-222.608 222.608z m-10.24-355.792a9.52 9.52 0 0 1 10.24 9.488v247.2a9.696 9.696 0 0 1-10.448 9.648 133.584 133.584 0 0 1 0.208-266.336z m263.184-135.056l17.024 17.024c4.672 4.672 5.28 11.632 1.376 15.536L729.6 332.512c-3.904 3.904-10.864 3.296-15.52-1.376l-17.04-17.024c-4.672-4.672-5.28-11.632-1.376-15.552l56.88-56.864c3.904-3.92 10.864-3.296 15.52 1.376z m110.528 261.76v24.08c0 6.608-4.48 11.952-9.984 11.952h-80.208c-5.504 0-9.984-5.344-9.984-11.952v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.52 0 9.984 5.36 9.984 11.968z m-93.504 257.68l-17.024 17.024c-4.672 4.672-11.632 5.28-15.536 1.376l-56.88-56.864c-3.904-3.92-3.296-10.88 1.376-15.536l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.88c3.92 3.904 3.296 10.88-1.376 15.536z m-256.192 116.096h-24.08c-6.608 0-11.968-4.48-11.968-9.984v-80.208c0-5.504 5.36-9.984 11.968-9.984h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.52-5.344 9.984-11.952 9.984z m-268.528-100.448l-14.272-14.272a10.016 10.016 0 0 1 0-14.16l56.88-56.88a10.016 10.016 0 0 1 14.16 0l14.272 14.272a10.016 10.016 0 0 1 0 14.176l-56.864 56.864a10.016 10.016 0 0 1-14.176 0zM144 528.912v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.504 0 9.984 5.36 9.984 11.968v24.08c0 6.608-4.48 11.952-9.984 11.952H153.984c-5.52 0-9.984-5.344-9.984-11.952z m104.64-268.8l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.864c3.904 3.92 3.296 10.88-1.376 15.552l-17.04 17.024c-4.672 4.672-11.616 5.28-15.52 1.376l-56.88-56.88c-3.92-3.904-3.296-10.88 1.36-15.52z" fill="#2c2c2c" p-id="3219"></path></svg>
@@ -173,7 +188,7 @@ function handleClick(index) {
                   <el-tooltip
                     class="box-item"
                     effect="light"
-                    content="Dark"
+                    content="黑暗"
                     placement="left"
                   >
                     <svg t="1737685471806" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3524" width="16" height="16"><path d="M504.832 144h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.504-5.344 9.984-11.952 9.984h-24.08c-6.608 0-11.968-4.48-11.968-9.984V153.984c0-5.52 5.36-9.984 11.968-9.984z m263.248 99.072l17.024 17.024c4.672 4.672 5.28 11.632 1.376 15.536L729.6 332.512c-3.904 3.904-10.864 3.296-15.52-1.376l-17.04-17.024c-4.672-4.672-5.28-11.632-1.376-15.552l56.88-56.864c3.904-3.92 10.864-3.296 15.52 1.376z m110.528 261.76v24.08c0 6.608-4.48 11.952-9.984 11.952h-80.208c-5.504 0-9.984-5.344-9.984-11.952v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.52 0 9.984 5.36 9.984 11.968z m-93.504 257.68l-17.024 17.024c-4.672 4.672-11.632 5.28-15.536 1.376l-56.88-56.864c-3.904-3.92-3.296-10.88 1.376-15.536l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.88c3.92 3.904 3.296 10.88-1.376 15.536z m-256.192 116.096h-24.08c-6.608 0-11.968-4.48-11.968-9.984v-80.208c0-5.504 5.36-9.984 11.968-9.984h24.08c6.608 0 11.952 4.48 11.952 9.984v80.208c0 5.52-5.344 9.984-11.952 9.984z m-268.528-100.448l-14.272-14.272a10.016 10.016 0 0 1 0-14.16l56.88-56.88a10.016 10.016 0 0 1 14.16 0l14.272 14.272a10.016 10.016 0 0 1 0 14.176l-56.864 56.864a10.016 10.016 0 0 1-14.176 0zM144 528.912v-24.08c0-6.608 4.48-11.968 9.984-11.968h80.208c5.504 0 9.984 5.36 9.984 11.968v24.08c0 6.608-4.48 11.952-9.984 11.952H153.984c-5.52 0-9.984-5.344-9.984-11.952z m104.64-268.8l17.024-17.04c4.672-4.672 11.632-5.28 15.536-1.376l56.88 56.864c3.904 3.92 3.296 10.88-1.376 15.552l-17.04 17.024c-4.672 4.672-11.616 5.28-15.52 1.376l-56.88-56.88c-3.92-3.904-3.296-10.88 1.36-15.52zM515.12 685.92c96.432 0 174.608-78.176 174.608-174.608 0-96.448-78.176-174.624-174.608-174.624S340.528 414.88 340.528 511.312c0 96.432 78.176 174.608 174.608 174.608z m0 48c-122.944 0-222.608-99.68-222.608-222.608 0-122.944 99.664-222.624 222.608-222.624s222.608 99.68 222.608 222.624c0 122.928-99.68 222.608-222.608 222.608zM478.288 427.52a82.8 82.8 0 0 0-1.68 16.64c0 43.936 34.32 79.552 76.64 79.552a74.624 74.624 0 0 0 48.544-17.984c4.544-3.872 14.72-2.4 15.392 3.184 0.592 4.848 0.896 9.792 0.896 14.8 0 64.224-50.144 116.272-112 116.272s-112-52.048-112-116.272c0-48.064 28.096-89.312 68.176-107.024 6.976-3.088 17.312 4.576 16.032 10.832z" fill="#2c2c2c" p-id="3525"></path></svg>