mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-15 22:06:43 +08:00
个人主页 ---点击右侧 关注我的人 我关注的人 跳转到“关注”后不显示内容 实际上是有内容的
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
<li class="follow-home-title tabs-index" @click="tagTab(2)">{{userInfo.aid == pageId ?'关注我的人':'关注他的人'}}<span v-if="active == 2" class="line"></span></li>
|
<li class="follow-home-title tabs-index" @click="tagTab(2)">{{userInfo.aid == pageId ?'关注我的人':'关注他的人'}}<span v-if="active == 2" class="line"></span></li>
|
||||||
</ul>
|
</ul>
|
||||||
<div v-show="active ==1">
|
<div v-show="active ==1">
|
||||||
<div class="follow-list" v-for="item in follow.list" :key="item.id">
|
<div class="follow-list" v-for="(item,index) in follow.list" :key="index">
|
||||||
<div style="width:60px;height:60">
|
<div style="width:60px;height:60">
|
||||||
<el-avatar shape="circle" style="width:60px;height:60px" size="small" :src="baseUrl+item.authorInfo.avatar" v-if="item.authorInfo.avatar"></el-avatar>
|
<el-avatar shape="circle" style="width:60px;height:60px" size="small" :src="baseUrl+item.authorInfo.avatar" v-if="item.authorInfo.avatar"></el-avatar>
|
||||||
<div v-else class="uavatar">
|
<div v-else class="uavatar">
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<p class="portal-summary-text">{{maPage.userFollow.authorInfo.sign}}</p>
|
<p class="portal-summary-text">{{maPage.userFollow.authorInfo.sign}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="Id == userInfo.aid">
|
<div v-if="pageId == userInfo.aid">
|
||||||
<el-button class="btn" icon="el-icon-plus" v-if="maPage.has">已关注</el-button>
|
<el-button class="btn" icon="el-icon-plus" v-if="maPage.has">已关注</el-button>
|
||||||
<el-button type="primary" class="btn" v-else icon="el-icon-plus" @click="toFollow(maPage)">关注他</el-button>
|
<el-button type="primary" class="btn" v-else icon="el-icon-plus" @click="toFollow(maPage)">关注他</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -238,6 +238,7 @@
|
|||||||
.ach-ul{
|
.ach-ul{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
border-bottom: 1px solid rgba($color: #999999, $alpha: 0.21);
|
border-bottom: 1px solid rgba($color: #999999, $alpha: 0.21);
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
::v-deep .ach-box{
|
::v-deep .ach-box{
|
||||||
@@ -245,11 +246,11 @@
|
|||||||
width: 58px;
|
width: 58px;
|
||||||
// margin: 0 auto;/
|
// margin: 0 auto;/
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-left: 4px;
|
margin-left: 22px;
|
||||||
margin-right: 40px;
|
margin-right:22px;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
&:nth-child(3){
|
&:nth-child(1){
|
||||||
// margin-right: 0px;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
.medal-text{
|
.medal-text{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|||||||
@@ -140,6 +140,8 @@
|
|||||||
mounted() {
|
mounted() {
|
||||||
this.$bus.$on('followIndex',(num)=>{
|
this.$bus.$on('followIndex',(num)=>{
|
||||||
this.activeName = "7";
|
this.activeName = "7";
|
||||||
|
this.$refs.followList.resetActive();
|
||||||
|
this.$refs.followList.getPage();
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
|
|||||||
Reference in New Issue
Block a user