hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-22 17:26:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

个人主页loading状态

Browse Source
This commit is contained in:
zhaofang
2022-11-04 12:04:21 +08:00
parent eec444170c
commit bd09be3d4f
1 changed files with 43 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/homepage/page.vue
View File

@@ -6,7 +6,7 @@
<i style="color: #333333" class="el-icon-search"></i>
</div> -->
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane name="">
<el-tab-pane name="" v-loading="loading">
<span slot="label"><svg-icon icon-class="home-dynamic" style="font-size: 30px;"></svg-icon> <span class="tabs-info">动态</span></span>
<template v-for="item in allPageList">
<course-list v-if="item.contentType == 1" :list="[item]" :isDynamic="true" :personal="personal" @hideIndex="dynamicHide"></course-list>
@@ -17,27 +17,27 @@
<article-list v-if="item.contentType == 2" :list="[item]" :isDynamic="true" :personal="personal" @hideIndex="dynamicHide"></article-list>
</template>
</el-tab-pane>
<el-tab-pane name="1">
<el-tab-pane name="1" v-loading="loading1">
<span slot="label"><svg-icon icon-class="home-course" style="font-size: 30px;"></svg-icon><span class="tabs-info">课程</span></span>
<course-list :list="cousrePageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></course-list>
</el-tab-pane>
<el-tab-pane name="3">
<el-tab-pane name="3" v-loading="loading3">
<span slot="label"><svg-icon icon-class="home-case" style="font-size: 30px;"></svg-icon><span class="tabs-info">案例</span></span>
<case-list :list="casePageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></case-list>
</el-tab-pane>
<el-tab-pane name="6">
<el-tab-pane name="6" v-loading="loading6">
<span slot="label"><svg-icon icon-class="home-note" style="font-size: 30px;"></svg-icon><span class="tabs-info">笔记</span></span>
<note-list :list="notePageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></note-list>
</el-tab-pane>
<el-tab-pane name="4">
<el-tab-pane name="4" v-loading="loading4">
<span slot="label"><svg-icon icon-class="home-qa" style="font-size: 30px;"></svg-icon><span class="tabs-info">提问</span></span>
<put-list :list="qaPageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></put-list>
</el-tab-pane>
<el-tab-pane name="5">
<el-tab-pane name="5" v-loading="loading5">
<span slot="label"><svg-icon icon-class="home-answer" style="font-size: 30px;"></svg-icon><span class="tabs-info">回答</span></span>
<answer-list :list="answerPageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></answer-list>
</el-tab-pane>
<el-tab-pane name="2">
<el-tab-pane name="2" v-loading="loading2">
<span slot="label"><svg-icon icon-class="home-article" style="font-size: 30px;"></svg-icon><span class="tabs-info">文章</span></span>
<article-list :list="articlePageList" :isDynamic="false" :personal="personal" @hideIndex="dynamicHide"></article-list>
</el-tab-pane>
@@ -97,6 +97,13 @@
},
data(){
return{
loading:false,
loading1:false,
loading2:false,
loading3:false,
loading4:false,
loading5:false,
loading6:false,
intTabIndex:-1,//初始化显示哪个tab,71我关注的人，72关注我的人
page:{
pageIndex:1,
@@ -193,7 +200,36 @@
aid:this.pageId, //指定用户的动态，
hidden:this.pageId == this.userInfo.aid?'':false,//是否隐藏，不指定，查询全部
}
console.log(this.activeName,'this.activeName');
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;
}
// this.loading = true;
apiStat.userDynamicList(data).then(res=>{
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;
let ids = res.result.list.map(item=>item.contentId);