a1300399510@qq.com 提交于 2023/04/03 -18:40:01

src/components/IndexList.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <!-- 帖子 -->
-        <div class="card-box" v-for="(item,index) in list" :key="index">
+        <div class="card-box" v-for="(item,index) in list" :key="index" @click.stop="toDetail(item.tid)">
             <div class="top moreEllipsis">
                 <div class="top-label">{{ item.typename }}</div>
                 <div class="top-title">{{ item.subject }}</div>
@@ -82,6 +82,10 @@ export default {
 
     methods: {
 
+        // 跳转详细
+        toDetail(tid){
+			this.$router.push(`/detail?tid=${tid}`)
+        },
     },
 };
 </script>

src/views/detail/detail.vue

@@ -15,15 +15,35 @@ export default {
 
     data() {
         return {
+            tid: 0, // 帖子id
+            info: {},
+            type: 0, // 
+            token: ""
         };
     },
 
     mounted() {
-        console.log("ggmjgj");
+        console.log("ggmjgj", this.$route);
+        this.tid = this.$route.query['tid']
+        this.getDetail()
     },
 
     methods: {
+        // 获取详细信息
+        getDetail() {
+            this.$http.post("/api/thread", {
+                tid: this.tid
+            }).then(res => {
+                if (res.code != 200) return
 
+                let data = res.data
+                this.info = data.info
+                this.type = data.type
+                this.token = data.token
+
+
+            })
+        },
     },
     components: {
         HeaderNav,

src/views/detail/detailIndex.vue

@@ -13,7 +13,7 @@
         </div>
 
         <div class="detail-title-box">
-            <div class="detail-title-item detail-title-jinghua flexcenter">精华</div>
+            <div class="detail-title-item detail-title-jinghua flexcenter" v-if="">精华</div>
             <div class="detail-title-item detail-title-label flexcenter">生活贴士</div>
             香港永久居民的申请步骤和过程
         </div>
@@ -277,7 +277,17 @@ export default {
             ispostOfferLike: null, // 点击点赞提交状态
             offerLikesumTimer: 0, // offer点赞累加定时器
             offerLikesumAnimateTimer: 0, // offer点赞动画定时器
-            listlist: []
+            listlist: [],
+
+            tid: 0, // 帖子id
+            info: {},
+            type: 0, // 定位帖 1  面经 2   租房帖 3  总结 5  捷报 6
+            token: "",  
+            
+
+
+
+
         };
     },