我的关注loading状态

This commit is contained in:
zhaofang
2022-11-04 13:55:21 +08:00
parent 8e664c3ca7
commit eb846adcd9
2 changed files with 43 additions and 20 deletions

View File

@@ -202,20 +202,15 @@
}
if(this.activeName == '1') {
this.loading1 = true;
} else
if(this.activeName == '2') {
} else if(this.activeName == '2') {
this.loading2 = true;
} else
if(this.activeName == '3') {
} else if(this.activeName == '3') {
this.loading3 = true;
} else
if(this.activeName == '4') {
} else if(this.activeName == '4') {
this.loading4 = true;
} else
if(this.activeName == '5') {
} else if(this.activeName == '5') {
this.loading5 = true;
} else
if(this.activeName == '6') {
} else if(this.activeName == '6') {
this.loading6 = true;
} else {
this.loading = true;

View File

@@ -13,7 +13,7 @@
</div>
-->
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="" label="全部">
<el-tab-pane name="" label="全部" v-loading="loading">
<template v-for="item in allPageList">
<course-list v-if="item.contentType == 1" :list="[item]" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></course-list>
<case-list v-if="item.contentType == 3" :list="[item]" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></case-list>
@@ -22,27 +22,27 @@
<answer-list v-if="item.contentType == 5" :list="[item]" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></answer-list>
<article-list v-if="item.contentType == 2" :list="[item]" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></article-list>
</template>
<div v-if="allPageList.length==0 && loading==1" class="home-no-list">
<div v-if="allPageList.length==0 && !loading" class="home-no-list">
<img class="img" :src="`${webBaseUrl}/images/homeWu/no-course.png`" alt="" srcset="">
<p class="text">暂时没有动态</p>
</div>
</el-tab-pane>
<el-tab-pane name="1" label="课程">
<el-tab-pane name="1" label="课程" v-loading="loading1">
<course-list :list="cousrePageList" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></course-list>
</el-tab-pane>
<el-tab-pane name="6" label="笔记">
<el-tab-pane name="6" label="笔记" v-loading="loading6">
<note-list :list="notePageList" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></note-list>
</el-tab-pane>
<el-tab-pane name="3" label="案例">
<el-tab-pane name="3" label="案例" v-loading="loading3">
<case-list :list="casePageList" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></case-list>
</el-tab-pane>
<el-tab-pane name="2" label="文章">
<el-tab-pane name="2" label="文章" v-loading="loading2">
<article-list :list="articlePageList" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></article-list>
</el-tab-pane>
<el-tab-pane name="4" label="提问">
<el-tab-pane name="4" label="提问" v-loading="loading4">
<put-list :list="qaPageList" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></put-list>
</el-tab-pane>
<el-tab-pane name="5" label="回答">
<el-tab-pane name="5" label="回答" v-loading="loading5">
<answer-list :list="answerPageList" :isDynamic="true" :personal="true" :isFollow="true" @hideIndex="dynamicHide"></answer-list>
</el-tab-pane>
@@ -101,8 +101,15 @@
components:{portalHeader,UcHeader,CaseList,CourseList,NoteList,PutList,AnswerList,ArticleList,FollowList,BookList},
data(){
return{
loading:false,
loading1:false,
loading2:false,
loading3:false,
loading4:false,
loading5:false,
loading6:false,
input:'',
loading:0,//加载中
// loading:0,//加载中
activeName:'first',
page:{
pageIndex:1,
@@ -174,8 +181,29 @@
contentType:this.activeName == 0? '':this.activeName,//内容类型
aids:this.followIds // 数组
}
if(this.activeName == '1') {
this.loading1 = true;
} else if(this.activeName == '2') {
this.loading2 = true;
} else if(this.activeName == '3') {
this.loading3 = true;
} else if(this.activeName == '4') {
this.loading4 = true;
} else if(this.activeName == '5') {
this.loading5 = true;
} else if(this.activeName == '6') {
this.loading6 = true;
} else {
this.loading = true;
}
apiStat.userDynamicfollows(data).then(res=>{
this.loading=1;
this.loading = false;
this.loading1 = false;
this.loading2 = false;
this.loading3 = false;
this.loading4 = false;
this.loading5 = false;
this.loading6 = false;
if(res.status == 200) {
this.page.count = res.result.count;
if(res.result.count==0){