From 7ca272ab7e58cd52eaafd60aafd37d07a3a7c1fa Mon Sep 17 00:00:00 2001 From: xlmessage <3240982126@qq.com> Date: Fri, 14 Feb 2025 17:08:31 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E4=BA=86=E5=88=87=E6=8D=A2?= =?UTF-8?q?=E6=97=A5k=E3=80=81=E5=91=A8k=E3=80=81=E6=9C=88k=E7=AD=89?= =?UTF-8?q?=E9=80=89=E9=A1=B9=E5=90=8E=EF=BC=8C=E5=B8=83=E5=B1=80=E7=8A=B6?= =?UTF-8?q?=E6=80=81=E7=9A=84=E4=BF=9D=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/router/index.ts | 56 ++++++++++++++++++++++++++++-------------- src/views/HomeView.vue | 23 ++++++++++++++--- 2 files changed, 57 insertions(+), 22 deletions(-) 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]}`) + } + } @@ -161,7 +176,7 @@ function handleClick(index) { @@ -173,7 +188,7 @@ function handleClick(index) {