From b505f3648a10dd998ae9fe7a6edb1bf125d7d6a6 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 21 Jan 2022 01:51:33 +0800
Subject: [PATCH] 主页结构调整

---
 src/components/group/articleListScorll.vue |   23 +++++++++++++----------
 1 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/group/articleListScorll.vue b/src/components/group/articleListScorll.vue
index 06d363b..a2f63dd 100644
--- a/src/components/group/articleListScorll.vue
+++ b/src/components/group/articleListScorll.vue
@@ -2,25 +2,27 @@
 	<div>
 		<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" :infinite-scroll-distance="10">
 			<div v-for="temp in data">
+				<newArticle></newArticle>
 				<box5 v-bind="temp"></box5>
 			</div>
 			<div v-if="loading && !busy" class="demo-loading-container">
 				<a-spin />
 			</div>
 		</div>
-		<div style="position:fixed;bottom: 10px;" id="dddadf">
-			<a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
-				:defaultPageSize="pageSize" :total="total" />
-		</div>
-		<a-back-top>
-			<a-icon type="up" />回到顶部
-		</a-back-top>
+		<a-row type="flex" justify="center">
+			<div style="position:fixed;bottom: 10px;" id="dddadf">
+				<a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
+					:defaultPageSize="pageSize" :total="total" />
+			</div>
+		</a-row>
+		
 	</div>
 </template>
 <script>
 	import infiniteScroll from 'vue-infinite-scroll';
 	import box5 from "../mini/box5-article.vue"
 	import babyActicle from '../../assets/baby.htm'
+	import newArticle from "../mini/box-new-article.vue"
 	import shijie from '../../assets/shijie.htm'
 
 	var obj1 = {
@@ -50,7 +52,8 @@
 
 	export default {
 		components: {
-			box5
+			box5,
+			newArticle
 		},
 		directives: {
 			infiniteScroll
@@ -68,7 +71,7 @@
 			};
 		},
 		beforeMount() {
-			this.data = [obj1, obj2,obj3];
+			this.data = [obj1, obj2,obj3,obj2];
 		},
 		methods: {
 			onChange(current) {
@@ -83,7 +86,7 @@
 				console.log(this.current);
 				console.log(this.busy);
 
-				if (data.length > 15) {
+				if (data.length > 3) {
 					this.$message.warning('没有更多了');
 					this.busy = true;
 					this.loading = false;

--
Gitblit v1.9.1