From 20f211ce23c5a0c08cef24163eef2af8c8d769f5 Mon Sep 17 00:00:00 2001 From: Kisechan Date: Mon, 3 Mar 2025 19:59:03 +0800 Subject: [PATCH] add --- src/components/AppFooter.vue | 51 +++++++++++++++++++++++++++++ src/components/NavBar.vue | 30 +++++++++++++++++ src/main.js | 13 ++++++-- src/router/index.js | 13 ++++++-- src/views/AboutView.vue | 48 ++++++++++++++++++++++++++++ src/views/Home.vue | 62 ------------------------------------ src/views/HomeView.vue | 32 +++++++++++++++++++ 7 files changed, 182 insertions(+), 67 deletions(-) create mode 100644 src/components/AppFooter.vue create mode 100644 src/components/NavBar.vue create mode 100644 src/views/AboutView.vue delete mode 100644 src/views/Home.vue create mode 100644 src/views/HomeView.vue diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue new file mode 100644 index 0000000..43b957b --- /dev/null +++ b/src/components/AppFooter.vue @@ -0,0 +1,51 @@ + + + + + \ No newline at end of file diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue new file mode 100644 index 0000000..0774299 --- /dev/null +++ b/src/components/NavBar.vue @@ -0,0 +1,30 @@ + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 3951a05..44402b1 100644 --- a/src/main.js +++ b/src/main.js @@ -1,10 +1,17 @@ import { createApp } from 'vue' import App from './App.vue' import router from './router' -import ElementPlus from 'element-plus' // 引入 Element Plus -import 'element-plus/dist/index.css' // 引入 Element Plus 样式 +import ElementPlus from 'element-plus' +import 'element-plus/dist/index.css' +import * as ElementPlusIconsVue from '@element-plus/icons-vue' const app = createApp(App) + +// 注册所有图标 +for (const [key, component] of Object.entries(ElementPlusIconsVue)) { + app.component(key, component) +} + app.use(router) -app.use(ElementPlus) // 使用 Element Plus +app.use(ElementPlus) app.mount('#app') \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index ee9d5a2..4c003e6 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,8 +1,17 @@ import { createRouter, createWebHistory } from 'vue-router' -import Home from '@/views/Home.vue' // 确保路径正确 +import HomeView from '../views/HomeView.vue' const routes = [ - { path: '/', component: Home } // 确保根路径指向 Home 组件 + { + path: '/', + name: 'home', + component: HomeView + }, + { + path: '/about', + name: 'about', + component: () => import('../views/AboutView.vue') + } ] const router = createRouter({ diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue new file mode 100644 index 0000000..7139588 --- /dev/null +++ b/src/views/AboutView.vue @@ -0,0 +1,48 @@ + + + \ No newline at end of file diff --git a/src/views/Home.vue b/src/views/Home.vue deleted file mode 100644 index b850820..0000000 --- a/src/views/Home.vue +++ /dev/null @@ -1,62 +0,0 @@ - - - - - diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue new file mode 100644 index 0000000..ae1809a --- /dev/null +++ b/src/views/HomeView.vue @@ -0,0 +1,32 @@ + + + + + \ No newline at end of file