From 7d24e065e962659cab4e30858628414dbd734785 Mon Sep 17 00:00:00 2001 From: Fine0830 Date: Wed, 24 Jan 2024 16:09:15 +0800 Subject: [PATCH] feat: add the not found page (#368) --- src/assets/icons/logo-light.svg | 138 ++++++++++++++++++++++++++++++++ src/router/index.ts | 2 + src/router/notFound.ts | 26 ++++++ src/views/NotFound.vue | 33 ++++++++ 4 files changed, 199 insertions(+) create mode 100644 src/assets/icons/logo-light.svg create mode 100644 src/router/notFound.ts create mode 100644 src/views/NotFound.vue diff --git a/src/assets/icons/logo-light.svg b/src/assets/icons/logo-light.svg new file mode 100644 index 00000000..b2a04196 --- /dev/null +++ b/src/assets/icons/logo-light.svg @@ -0,0 +1,138 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/router/index.ts b/src/router/index.ts index 2cfd6c9d..819539e7 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -21,6 +21,7 @@ import { routesMarketplace } from "./marketplace"; import { routesAlarm } from "./alarm"; import routesLayers from "./layer"; import { routesSettings } from "./settings"; +import { routesNotFound } from "./notFound"; const routes: RouteRecordRaw[] = [ ...routesMarketplace, @@ -28,6 +29,7 @@ const routes: RouteRecordRaw[] = [ ...routesAlarm, ...routesDashboard, ...routesSettings, + ...routesNotFound, ]; const router = createRouter({ diff --git a/src/router/notFound.ts b/src/router/notFound.ts new file mode 100644 index 00000000..8efe0da0 --- /dev/null +++ b/src/router/notFound.ts @@ -0,0 +1,26 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one or more + * contributor license agreements. See the NOTICE file distributed with + * this work for additional information regarding copyright ownership. + * The ASF licenses this file to You under the Apache License, Version 2.0 + * (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import type { RouteRecordRaw } from "vue-router"; +import NotFound from "@/views/NotFound.vue"; + +export const routesNotFound: Array = [ + { + path: "/:pathMatch(.*)*", + name: "NotFound", + component: NotFound, + }, +]; diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue new file mode 100644 index 00000000..fe7bcee9 --- /dev/null +++ b/src/views/NotFound.vue @@ -0,0 +1,33 @@ + + +