newcebg

README.md

@@ -1 +1,3 @@
-website代码
+运行代码指令
+npm run dev
+yarn run dev

src/components/NavBar.vue

@@ -25,7 +25,7 @@ const curentid = ref(0);
 const navList = reactive([
   { name: "HOME", path: "/home" },
   { name: "ABOUT", path: "/about" },
-  { name: "GALLERY", path: "/news" },
+  { name: "GALLERY", path: "/gellery" },
   { name: "MARKETPLACE", path: "/marketpalce" },
   { name: "CONTACT US", path: "/contact" },
 ]);

src/router/index.js

@@ -1,26 +1,43 @@
-import { createRouter,createWebHistory } from "vue-router";
+import { createRouter, createWebHistory } from "vue-router";
 import Home from "../views/HomeView.vue";
 import About from "../views/AboutView.vue";
 
-
 const routes = [
   {
-    path: '/',
-    name: 'home',
+    path: "/",
+    name: "home",
     component: Home,
   },
   {
-    path: '/about',
+    path: "/about",
     name: "about",
     component: About,
   },
-  
- 
-]
+  {
+    path: "/gellery",
+    name: "gellery",
+    component: () =>
+      import(/* webpackChunkName "gellery" */ "././../views/GalleryView.vue"),
+  },
+  {
+    path: "/marketpalce",
+    name: "marketpalce",
+    component: () =>
+      import(
+        /* webpackChunkName "marketpalce" */ "././../views/MarketplaceView.vue"
+      ),
+  },
+  {
+    path: "/contact",
+    name: "contact",
+    component: () =>
+      import(/* webpackChunkName "contact" */ "././../views/ContactUsView.vue"),
+  },
+];
 
 const router = createRouter({
   history: createWebHistory(),
-  routes
-})
+  routes,
+});
 
 export default router;

src/style/rest.css

@@ -152,7 +152,7 @@ a {
  text-decoration: none;
 }
 a:hover {
- text-decoration: underline;
+    text-decoration: none;
 }
 a:focus {
  outline: 0;