a1300399510@qq.com 提交于 2023/04/03 -18:00:02

src/components/IndexList.vue

@@ -1,19 +1,19 @@
 <template>
     <div>
         <!-- 帖子 -->
-        <div class="card-box">
+        <div class="card-box" v-for="(item,index) in list" :key="index">
             <div class="top moreEllipsis">
-                <div class="top-label">经验</div>
+                <div class="top-label">{{ item.typename }}</div>
-                <div class="top-title">23fall 美国llm 求定位</div>
+                <div class="top-title">{{ item.subject }}</div>
             </div>
             <div class="center">
-                <div class="center-text moreEllipsis">背景：生于80年代中期，英语基础不好，备考托福3个月，刚好100分。2018年8月开始读LLM. 读书期间Point
+                <div class="center-text moreEllipsis">{{  item.message }}</div>
-                    Bar6666666666666666666666</div>
             </div>
             <div class="bottom">
                 <div class="bottom-box">
-                    <svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
+                    <!-- <svg-icon icon-class="test-head" class-name="icon-head"></svg-icon> -->
-                    <div class="bottom-name">匿名用户</div>
+                    <img class="icon-head" :src="item.avatar">
+                    <div class="bottom-name">{{ item.author }}</div>
                 </div>
                 <div class="bottom-box">
                     <div class="bottom-right">
@@ -27,12 +27,12 @@
                 </div>
             </div>
             <!-- 精华 -->
-            <div class="rightTop">
+            <div class="rightTop" v-if="item.digest>0">
                 <img class="rightTop-img" src="@/assets/img/icon/topRight .png">
                 <span>精华</span>
             </div>
         </div>
-        <div class="card-box">
+        <!-- <div class="card-box">
             <div class="top moreEllipsis">
                 <div class="top-label">经验</div>
                 <div class="top-title">23fall 美国llm 求定位</div>
@@ -58,7 +58,7 @@
                     </div>
                 </div>
             </div>
-        </div>
+        </div> -->
         <!-- 广告 -->
         <div class="banner-box">
             <svg-icon icon-class="test-banner" class-name="banner"></svg-icon>
@@ -79,7 +79,7 @@ export default {
 
         };
     },
-    props: [],
+    props: ["list"],
 
     mounted() {
 

src/views/index/allSections/AllSections.vue

@@ -6,7 +6,8 @@
 					@click="allClick(index)">{{ item.name }}</span>
 			</div>
 			<div class="allSections-right">
-				<div class="allSections-right-item" v-for="(i, k) in list[allActive].data" :key="k">
+				<div class="allSections-right-item" @click="pitchPlate(i.fid)" 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.replace(/<[^>]+>/g, '')"></div>
@@ -24,7 +25,12 @@
 		<div v-else style="margin-top:.64rem;">
 			<plate-navigation stairname="寄托学术类备" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
 			<div style="margin:.4rem 0.35rem">
-				<index-list></index-list>
+				<index-list :list="invitationList"></index-list>
+			</div>
+			<div v-if="invitationList.length != 0" class="paging flexcenter">
+				<el-pagination small background layout="prev, pager, next" @current-change="currentChange"
+					:current-page.sync="invitationPage" :page-size="invitationLimit" :total="invitationCount">
+				</el-pagination>
 			</div>
 		</div>
 	</div>
@@ -43,6 +49,10 @@ export default {
 			postCollectionState: false,  // 收藏的请求的状态
 
 			fid: 0, // 是否有选中的板块id
+			invitationList: [], // 选中板块帖子的列表
+			invitationLimit: 10,
+			invitationPage: 1, // 
+			invitationCount: 1, // 
 		}
 	},
 
@@ -97,6 +107,35 @@ export default {
 		},
 
 
+		// 点击选中板块 并获取列表
+		pitchPlate(fid) {
+			this.fid = fid
+			this.getInvitationList()
+		},
+
+		// 获取帖子列表
+		getInvitationList() {
+			this.$http.post("/api/home/threadList", {
+				page: this.invitationPage,
+				limit: this.invitationLimit,
+				fid: this.fid
+			}).then(res => {
+				console.log(res, "res");
+				let data = res.data
+				this.invitationList = data.data
+				this.invitationCount = data.count
+				this.invitationLimit = data.limit
+
+				document.documentElement.scrollTop = 0;
+				document.body.scrollTop = 0;
+			})
+		},
+		
+		// 点击页数
+		currentChange(){
+			this.getInvitationList()
+		},
+
 	},
 	mounted() {
 		this.getAllForum()