From 5c90216fd4f3fb514460965b419dbda89920c062 Mon Sep 17 00:00:00 2001 From: nagocoler Date: Tue, 12 Nov 2024 15:24:11 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=85=B3=E4=BA=8E=E6=88=91?= =?UTF-8?q?=E4=BB=AC=E5=92=8C=E7=94=BB=E5=BB=8A=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/IndexHeader.vue | 4 +- src/router/index.js | 14 ++ src/utils/data.js | 18 +++ src/views/Welcome.vue | 82 +++++----- src/views/about/AboutUs.vue | 263 +++++++++++++++++++++++++++++++++ src/views/about/Gallery.vue | 151 +++++++++++++++++++ 6 files changed, 487 insertions(+), 45 deletions(-) create mode 100644 src/views/about/AboutUs.vue create mode 100644 src/views/about/Gallery.vue diff --git a/src/components/IndexHeader.vue b/src/components/IndexHeader.vue index 5311b17..a54a8a5 100644 --- a/src/components/IndexHeader.vue +++ b/src/components/IndexHeader.vue @@ -19,8 +19,8 @@ const routes = [ ] }, { name: '关于我们', children: [ - { name: '公司介绍', route: '' }, - { name: '画廊', route: '' }, + { name: '公司介绍', route: '/about' }, + { name: '画廊', route: '/about/gallery' }, { name: '师资团队', route: '' }, { name: '联系我们', route: '' } ] diff --git a/src/router/index.js b/src/router/index.js index 2fc6063..293a86d 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -33,6 +33,20 @@ const router = createRouter({ component: () => import('@/views/course/VipOrder.vue') } ] + }, { + path: '/about', + name: 'about', + children: [ + { + path: '', + name: 'about-us', + component: () => import('@/views/about/AboutUs.vue') + }, { + path: 'gallery', + name: 'about-gallery', + component: () => import('@/views/about/Gallery.vue') + } + ] }, { path: '/login', name: 'login', diff --git a/src/utils/data.js b/src/utils/data.js index 6069006..68caf5b 100644 --- a/src/utils/data.js +++ b/src/utils/data.js @@ -17,4 +17,22 @@ export function formatTime(seconds) { // 返回格式化的时间字符串 return `${formattedHours}小时 ${formattedMinutes}分 ${formattedSeconds}秒`; +} + +export function useCurrentTime(dateStr) { + const startDate = new Date(dateStr); + const endDate = new Date() + const delta = endDate.getTime() - startDate.getTime() + + const unitDay = 24 * 60 * 60 * 1000 + const unitHour = 60 * 60 * 1000 + const unitMinute = 60 * 1000 + const unitSecond = 1000 + + const days = Math.floor(delta / unitDay) + const hours = Math.floor((delta % unitDay) / unitHour) + const minutes = Math.floor((delta % unitHour) / unitMinute) + const seconds = Math.floor((delta % unitMinute) / unitSecond) + + return { days, hours, minutes, seconds } } \ No newline at end of file diff --git a/src/views/Welcome.vue b/src/views/Welcome.vue index 095f3f7..39eac3d 100644 --- a/src/views/Welcome.vue +++ b/src/views/Welcome.vue @@ -1,5 +1,26 @@