a1300399510@qq.com 提交于 2023/03/29 -15:00:02

src/components/PlateNavigation.vue

@@ -1,12 +1,12 @@
 <!-- 板块导航 头部 点击板块后的头部导航 -->
 <template>
-    <div class="path-box">
+    <router-link class="path-box" to="/allSections">
         <div>论坛</div>
         <span class="path-slash">/</span>
         <div class="oneEllipsis">{{ stairname }}</div>
         <span class="path-slash">/</span>
         <div class="oneEllipsis">{{ subsectionsname }}</div>
-    </div>
+    </router-link>
 </template>
 
 <script>
@@ -49,6 +49,7 @@ export default {
     .path-slash {
         color: #D7D7D7;
         font-size: .32rem;
+        margin: 0 .18rem;
     }
 
     div {

src/views/collect/Collect.vue

@@ -38,8 +38,9 @@
             </div>
             <!-- 弹窗收藏版块内容 -->
             <div class="setting-sections">
-              <div class="setting-item" v-for="item in 1" :key="item">
+              <div class="setting-item" v-for="(item, index) in list" :key="index"
-                <div class="setting-item-title">香港澳门台湾留学申请</div>
+                @click.stop="cancelFavoritesSection(index)">
+                <div class="setting-item-title">{{ item.label }}</div>
                 <div class="setting-star"></div>
               </div>
             </div>
@@ -146,11 +147,7 @@ export default {
       collect: [1],
       settingShow: false, //弹窗显示
       settingStar: false,
-      list: [
+      list: [ //版块
-        //版块
-        {
-          label: "全部",
-        },
         {
           label: "香港留学",
         },
@@ -178,6 +175,13 @@ export default {
     settingClose() {
       this.settingShow = false;
     },
+
+    // 处理取消收藏板块
+    cancelFavoritesSection(index) {
+      console.log(index);
+      this.list.splice(index, 1)
+    }
+
   },
 };
 </script>

src/views/recommend/Recommend.vue

@@ -6,7 +6,7 @@
 				@click="hotLabelClick(index)">{{ item.label }}</div>
 		</div>
 		<!-- 路径 -->
-		<plate-navigation stairname="寄托学术类备" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
+		<plate-navigation stairname="香港澳门台湾" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
 		<!-- <div class="path-box">
 			<div>论坛</div>
 			<div class="oneEllipsis">论坛论坛论坛论坛论坛</div>