a1300399510@qq.com 提交于 2023/03/30 -16:20:01

src/router/index.js

@@ -20,6 +20,8 @@ const search = () => import('views/search/search')
 const SearchResult = () => import('views/search/searchResult/SearchResult')
 const user = () => import('views/user/user')
 const userIndex = () => import('views/user/UserIndex')
+const detail = () => import('views/detail/detail')
+const detailIndex = () => import('views/detail/detailIndex')
 
 const routes = [
 	{
@@ -71,7 +73,7 @@ const routes = [
 			},
 		]
 	}, {
-		path: '/user',   // 搜索结果
+		path: '/user',   // 我的
 		name: 'user',
 		redirect: "/userIndex",
 		component: user,
@@ -85,6 +87,21 @@ const routes = [
 				}
 			},
 		]
+	}, {
+		path: '/detail',   // 帖子详情
+		name: 'detail',
+		redirect: "/detailIndex",
+		component: detail,
+		children: [
+			{
+				path: '/detailIndex',
+				name: 'detailIndex',
+				component: detailIndex,
+				meta: {
+					title: "帖子详情"
+				}
+			},
+		]
 	}
 
 ]

src/views/detail/detail.vue

@@ -1,14 +1,17 @@
 <template>
     <div>
         <header-nav :issearch="true" :needgetuser="true">
-            <template slot="header-title">我的寄托</template>
+            <template slot="header-title">帖子详情</template>
         </header-nav>
+        <router-view></router-view>
     </div>
 </template>
 
 <script>
+import HeaderNav from "@/components/HeaderNav";
+
 export default {
-    name: 'GterforumwebDetail',
+    name: 'detail',
 
     data() {
         return {
@@ -22,6 +25,10 @@ export default {
     methods: {
 
     },
+    components: {
+        HeaderNav,
+    },
+
 };
 </script>
 

src/views/detail/detailIndex.vue

@@ -0,0 +1,31 @@
+<template>
+    <div class="container">
+        <div class=""></div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'detailIndex',
+
+    data() {
+        return {
+
+        };
+    },
+
+    mounted() {
+
+    },
+
+    methods: {
+
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.container {
+    margin-top: 1.3rem;
+}
+</style>

src/views/user/UserIndex.vue

@@ -183,7 +183,6 @@ export default {
     .header {
         padding: 1rem 0 .8rem;
 
-
         .portrait {
             width: 2rem;
             height: 2rem;