From 74344a2ec388b78fe906a22c31f8fdb77fc60b12 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 04 Mar 2022 15:55:59 +0800
Subject: [PATCH] 404页面优化,页面响应式变化适配
---
src/components/group/articleListScorll.vue | 67 +++++----------------------------
1 files changed, 10 insertions(+), 57 deletions(-)
diff --git a/src/components/group/articleListScorll.vue b/src/components/group/articleListScorll.vue
index 716efc8..b59c978 100644
--- a/src/components/group/articleListScorll.vue
+++ b/src/components/group/articleListScorll.vue
@@ -4,8 +4,8 @@
<div class="mySecret" v-if="data.length==0">
<p>空空如也..</p>
</div>
-
- <div v-for="(temp,index) in data" >
+
+ <div v-for="(temp,index) in data">
<newArticle v-bind="temp" :index="index"></newArticle>
<!-- <box5 v-bind="temp"></box5> -->
</div>
@@ -16,7 +16,7 @@
</div>
</div>
<a-row type="flex" justify="center">
- <div style="position:fixed;bottom: 10px;" >
+ <div style="position:fixed;bottom: 10px;">
<a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
:defaultPageSize="defaultPageSize" :pageSize="pageSize" :total="total" />
</div>
@@ -33,31 +33,6 @@
import {
queryBlogArticleList
} from '../../api/blogArticle.js'
-
- var obj1 = {
- "source": babyActicle,
- "title": "陈奕迅-Body Song 歌词",
- "read": 1101,
- "like": 233,
- "folder": "歌词",
- "publishTime": "2021-05-26",
- }
- var obj2 = {
- "source": shijie,
- "title": "这世界那么多人-吉他谱",
- "read": 3101,
- "like": 113,
- "folder": "吉他谱",
- "publishTime": "2020-05-26",
- }
- var obj3 = {
- "source": shijie,
- "title": "遥远的它-吉他谱",
- "read": 201,
- "like": 13,
- "folder": "吉他谱",
- "publishTime": "2022-07-26",
- }
export default {
components: {
@@ -78,12 +53,15 @@
total: 1,
pageSize: 6,
current: 1,
- defaultPageSize:10
+ defaultPageSize: 10
};
+ },
+ created() {
+ this.typeId = this.$route.query.typeId;
},
watch: {
'$route'(to, from) {
- if ("articleList" === to.name) {
+ if ("articleList" === to.name || "home" === to.name) {
this.typeId = this.$route.query.typeId;
}
},
@@ -99,24 +77,12 @@
deactivated() {
window.removeEventListener('scroll', this);
},
- beforeMount() {
- queryBlogArticleList({
- pageNo: this.current,
- pageSize:this.pageSize,
- typeId: this.typeId
- }).then((res) => {
- this.total = Number(res.data.total)
- this.pageSize = Number(res.data.size);
- this.data = res.data.records;
- return res
- })
- },
methods: {
onChange(current) {
this.current = current;
queryBlogArticleList({
pageNo: current,
- pageSize:this.pageSize,
+ pageSize: this.pageSize,
typeId: this.typeId
}).then((res) => {
this.busy = false;
@@ -132,7 +98,7 @@
queryBlogArticleList({
pageNo: this.current + 1,
- pageSize:this.pageSize,
+ pageSize: this.pageSize,
typeId: this.typeId
}).then((res) => {
@@ -162,19 +128,6 @@
};
</script>
<style>
- /* .test {
- overflow: hidden;
- height: 700px;
- }
-
- .infinite-container {
- overflow: auto;
- }
-
- .infinite-container::-webkit-scrollbar {
- display: none;
- } */
-
.demo-loading-container {
position: absolute;
bottom: 40px;
--
Gitblit v1.9.1