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

调整个人主页，他们主页，个人中心

Browse Source
This commit is contained in:
daihh
2022-10-23 17:12:18 +08:00
parent e7d407a1eb
commit 75a8bc9310
6 changed files with 94 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/components/HomePage/homePage.vue
View File

@@ -11,22 +11,31 @@
</div>
<div class="user-content">
<div class="content-top">
<h6 content-bottom> {{userData.name}}<span style="margin-left:8px;color: #999999;font-weight: 400;">{{orgInfo}}</span>
<router-link v-if="pageId == userInfo.aid" to="/user/Setting"><span class="content-one-info pointer">个人设置</span></router-link>
</h6>
</div>
<div class="content-bottom">
<p class="portal-summary-text">{{userData.sign}} <router-link v-if="pageId == userInfo.aid" to="/uc/study/courses" class="pointer" style="margin-left:50px;color:#0060FF;">个人中心>></router-link></p>
</div>
<div class="grade">
<div>{{statData.level}}</div>
<span style="color: #A3680A;margin-left:12px;line-height: 24px;">经验值：{{statData.evalue}}</span>
<el-button round plain class="btn-user" style="margin-left:168px" size="small"><router-link :to="'/home/'+pageId+'/leaving'">{{pageId == userInfo.aid ? '留言板':'去留言'}}</router-link></el-button>
<el-button round plain class="btn-user" size="small" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button>
<el-button round plain class="btn-user" size="small" @click="cancelFollow()" v-if="isFollowHas">已关注</el-button>
<div style="display: flex;justify-content: start;">
<div style="min-width: 260px;">
<div class="content-top">
<h6 content-bottom> {{userData.name}}<span style="margin-left:8px;color: #999999;font-weight: 400;">{{orgInfo}}</span> </h6>
</div>
<div class="content-bottom">
<p v-if="userData.sign" class="portal-summary-text">{{userData.sign}} </p>
<p v-else class="portal-summary-text">暂无签名</p>
</div>
<div class="grade">
<div>{{statData.level}}</div>
<span style="color: #A3680A;margin-left:5px;line-height: 24px;margin-right: 10px;">经验值：{{statData.evalue}}</span>
</div>
</div>
</div>
<div style="text-align: center;">
<div style="height: 30px;margin-top: 10px;">
<router-link v-if="pageId == userInfo.aid" to="/user/Setting"><span class="content-one-info pointer">个人设置</span></router-link>
<el-button round plain class="btn-user" size="small" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button>
<el-button round plain class="btn-user" size="small" @click="cancelFollow()" v-if="isFollowHas">已关注</el-button>
</div>
<div style="height: 30px;margin-top: 16px;font-size: 14px;"><router-link v-if="pageId == userInfo.aid" to="/uc/study/courses" class="pointer" style="color:#0060FF;">个人中心>></router-link></div>
<div style="height: 30px;margin-top: 8px;"> <el-button round plain class="btn-user" size="small"><router-link :to="'/home/'+pageId+'/leaving'">{{pageId == userInfo.aid ? '留言板':'去留言'}}</router-link></el-button></div>
</div>
</div>
</div>
</div>
<div class="learningData">
@@ -259,27 +268,28 @@
float: left;
margin-top: 10px;
}
.btn-user{
margin-top: -6px;
// margin-left: 68px;
height: 30px;
border-radius: 20px;
border: 1px solid #0060FF;
color: #0060FF;
}
.grade{
float: left;
margin-top: 20px;
.btn-user{
margin-top: -6px;
// margin-left: 68px;
height: 30px;
border-radius: 20px;
border: 1px solid #0060FF;
color: #0060FF;
}
div{
// margin-left: 22px;
font-weight: 600;
float: left;
width: 57px;
height: 24px;
text-align: center;
//text-align: center;
line-height: 24px;
color: #9D6110 ;
background: url('../../../public/images/lvbg.png') no-repeat 100% / 100%;
//background: url('../../../public/images/lvbg.png') no-repeat 100% / 100%;
}
}
// }
@@ -310,18 +320,7 @@
font-size: 26px;
margin:0;
float: left;
.content-one-info{
display: inline-block;
width: 97px;
height: 30px;
margin-left: 130px;
line-height: 30px;
text-align: center;
border-radius: 4px;
color: #588afc;
font-weight: normal;
border: 1px solid #387DF7;
}
}
span{
color: #999999;
@@ -329,16 +328,25 @@
margin-left: 5px;
margin-right: 24px;
}
.editbutt{
font-size: 14px;
color: #333333;
}
}
}
}
.content-one-info{
display: inline-block;
width: 97px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
color: #588afc;
font-weight: normal;
border: 1px solid #387DF7;
}
.editbutt{
font-size: 14px;
color: #333333;
}
.upicon{
text-align: center;
cursor: pointer;