From 2b18f725b67571001a8bcdce90d21974a78805bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=97=B5=E5=AE=AA=E7=91=9E?= <9198107+min-xianrui@user.noreply.gitee.com> Date: Fri, 10 Jan 2025 17:09:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 4 - src/components/Heads.vue | 1 - src/components/front/carousel.vue | 34 ++++++ src/components/front/info-bottom.vue | 57 ++++++++++ src/components/front/info-top.vue | 150 +++++++++++++++++++++++++++ src/components/front/item.vue | 99 ++++++++++++++++++ src/components/front/item2.vue | 71 +++++++++++++ src/components/nav/Navigation1.vue | 15 ++- src/layouts/front.vue | 16 ++- src/main.ts | 3 - src/pages/front/index.vue | 18 +++- src/pages/front/info/index.vue | 31 ++++++ src/pages/front/list/index.vue | 20 ++++ src/pages/index.vue | 37 +++++++ src/pages/login.vue | 1 - src/utils/utils.ts | 19 +++- 16 files changed, 556 insertions(+), 20 deletions(-) create mode 100644 src/components/front/carousel.vue create mode 100644 src/components/front/info-bottom.vue create mode 100644 src/components/front/info-top.vue create mode 100644 src/components/front/item.vue create mode 100644 src/components/front/item2.vue create mode 100644 src/pages/front/info/index.vue create mode 100644 src/pages/front/list/index.vue create mode 100644 src/pages/index.vue diff --git a/src/App.vue b/src/App.vue index 61dc1be..d8656bc 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,10 +3,6 @@ diff --git a/src/components/front/info-bottom.vue b/src/components/front/info-bottom.vue new file mode 100644 index 0000000..1692b4f --- /dev/null +++ b/src/components/front/info-bottom.vue @@ -0,0 +1,57 @@ + + + + diff --git a/src/components/front/info-top.vue b/src/components/front/info-top.vue new file mode 100644 index 0000000..f1987a5 --- /dev/null +++ b/src/components/front/info-top.vue @@ -0,0 +1,150 @@ + + + + diff --git a/src/components/front/item.vue b/src/components/front/item.vue new file mode 100644 index 0000000..e583ec3 --- /dev/null +++ b/src/components/front/item.vue @@ -0,0 +1,99 @@ + + + + diff --git a/src/components/front/item2.vue b/src/components/front/item2.vue new file mode 100644 index 0000000..a89768c --- /dev/null +++ b/src/components/front/item2.vue @@ -0,0 +1,71 @@ + + + + diff --git a/src/components/nav/Navigation1.vue b/src/components/nav/Navigation1.vue index e29f7eb..6f295de 100644 --- a/src/components/nav/Navigation1.vue +++ b/src/components/nav/Navigation1.vue @@ -12,8 +12,10 @@ router > {{ r.name }} + :index="r.path"> + {{ r.name }} @@ -42,8 +44,8 @@ import { getFrontList } from '~/utils/utils' import { useRouter } from 'vue-router' import { logoutFront } from '~/api/user/frontUserApi' - const router = useRouter() + const activeIndex = ref('1') const handleSelect = (key: string, keyPath: string[]) => { console.log(key, keyPath) @@ -59,16 +61,19 @@ const logout = () => { } diff --git a/src/layouts/front.vue b/src/layouts/front.vue index f3a6d2f..0ccbb12 100644 --- a/src/layouts/front.vue +++ b/src/layouts/front.vue @@ -6,8 +6,10 @@ - - + +
+ +
@@ -19,6 +21,14 @@ diff --git a/src/main.ts b/src/main.ts index f0368dd..5bb6ef4 100644 --- a/src/main.ts +++ b/src/main.ts @@ -2,14 +2,11 @@ import '@unocss/reset/tailwind-compat.css' // unocss reset import 'virtual:uno.css' import 'virtual:unocss-devtools' - // 你自定义的 css import './styles/main.css' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import * as ElementPlusIconsVue from '@element-plus/icons-vue' - - import App from './App.vue' const app = createApp(App) for (const [key, component] of Object.entries(ElementPlusIconsVue)) { diff --git a/src/pages/front/index.vue b/src/pages/front/index.vue index 5f291c4..c0f01ff 100644 --- a/src/pages/front/index.vue +++ b/src/pages/front/index.vue @@ -1,8 +1,24 @@ + +{ +"meta": { +"layout": "front" +} +} + diff --git a/src/pages/front/list/index.vue b/src/pages/front/list/index.vue new file mode 100644 index 0000000..bd9452a --- /dev/null +++ b/src/pages/front/list/index.vue @@ -0,0 +1,20 @@ + + + + + + +{ +"meta": { +"layout": "front" +} +} + diff --git a/src/pages/index.vue b/src/pages/index.vue new file mode 100644 index 0000000..aeaa333 --- /dev/null +++ b/src/pages/index.vue @@ -0,0 +1,37 @@ + + + + + +{ +"meta": { +"layout": "front" +} +} + diff --git a/src/pages/login.vue b/src/pages/login.vue index 0ad6415..b8912df 100644 --- a/src/pages/login.vue +++ b/src/pages/login.vue @@ -42,7 +42,6 @@ import { useRouter } from 'vue-router' import { loginAdmin } from '~/api/user/adminUserApi' import { getUuid } from '~/utils/utils' import { loginFront } from '~/api/user/frontUserApi' - const router = useRouter() const state = reactive({ role: false, diff --git a/src/utils/utils.ts b/src/utils/utils.ts index ebfb10f..537e82a 100644 --- a/src/utils/utils.ts +++ b/src/utils/utils.ts @@ -9,8 +9,7 @@ export const getUuid = (): string => { }); }; - -export const getFrontList = () => { +export const getAdminList = () => { const routes = [ { "path": "/admin/", @@ -40,3 +39,19 @@ export const getFrontList = () => { ] return routes; } +export const getFrontList = () => { + const routes = [ + { + "path": "/front/", + "name": "首页", + "icon": "House", + }, + { + "path": "/front/list", + "name": "更多好物", + "icon": "House", + }, + + ] + return routes; +}