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

src/views/index/allSections/AllSections.vue

@@ -10,12 +10,12 @@
 			<div class="allSections-right-item" v-for="(i, k) in list[allActive].data" :key="k">
 				<div class="item-content">
 					<div class="item-title">{{ i.name }}</div>
-					<!-- <div v-if="i.description" class="item-text" v-html="i.description"></div> -->
 					<div v-if="i.description" class="item-text" v-html="i.description.replace(/<[^>]+>/g, '')"></div>
 				</div>
-				<div class="item-star" @click="starClick(k, i.fid)">
-					<img v-if="!i.iscollection" src="~assets/img/allSections/nullStar.png" alt="空星">
-					<img v-else src="~assets/img/allSections/star.png" alt="实星">
+				<div class="item-star">
+					<img v-if="!i.iscollection" src="~assets/img/allSections/nullStar.png" alt="空星"
+						@click="starClick(k, i.fid)">
+					<img v-else src="~assets/img/allSections/star.png" alt="实星" @click="cancelCollection(k, i.fid)">
 				</div>
 			</div>
 
@@ -29,24 +29,46 @@ export default {
 	data() {
 		return {
 			allActive: 0,
-			list: [{
+			list: [{}],
+			postCollectionState: false,  // 收藏的请求的状态
+
 
-			}],
 		}
 	},
 	methods: {
 		allClick(index) {
 			this.allActive = index
 		},
+
+		// 点击收藏
 		starClick(k, fid) {
-			// if (this.starList[k].checked) this.starList[k].checked = false
-			// else this.starList[k].checked = true
+			if (this.postCollectionState) return
+			this.postCollectionState = true
 			this.$http.post("/api/operation/forumFav", {
 				fid
 			}).then(res => {
-				console.log(res);
+				if (res.code != 200) return
+				this.list[this.allActive].data[k]['iscollection'] = 1
+				this.$forceUpdate()
+			}).finally(() => {
+				this.postCollectionState = false
+			})
+		},
+
+		// 点击取消收藏
+		cancelCollection(k, fid) {
+			if (this.postCollectionState) return
+			this.postCollectionState = true
+
+			this.$http.post("/api/operation/unforumFav", {
+				fid
+			}).then(res => {
+				if (res.code != 200) return
+				this.list[this.allActive].data[k]['iscollection'] = 0
+				this.$forceUpdate()
+			}).finally(() => {
+				this.postCollectionState = false
 			})
-			this.$forceUpdate()
 		},
 
 		// 获取全部板块

src/views/index/recommend/Recommend.vue

@@ -7,12 +7,6 @@
 		</div>
 		<!-- 路径 -->
 		<plate-navigation stairname="香港澳门台湾" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
-		<!-- <div class="path-box">
-			<div>论坛</div>
-			<div class="oneEllipsis">论坛论坛论坛论坛论坛</div>
-			<div class="oneEllipsis">论坛</div>
-		</div> -->
-		<!-- 内容区域 -->
 		<section>
 			<!-- 帖子 -->
 			<div class="card-box">