hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-14 21:36:42 +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

14
src/components/HomePage/answerList.vue
View File

@@ -4,12 +4,13 @@
<li class="answer-list-index" v-for="item in list" :key="item.id">
<p v-if="isDynamic" class="portal-summary-text" style="margin-bottom:18px">
<span v-if="!personal || isFollow">{{item.aname}}</span>
{{item.cusInfo}}<span style="margin-left:28px">{{item.eventTime}}</span>
{{item.cusInfo}}<span style="margin-left:28px">{{item.eventTime}}</span>
<span v-if="personal && !item.hidden" class="follow-hide pointer" style="float:right" @click="emitHide(item.id)">
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
</span>
</p>
<h6 class="answer-title-info follow-home-title">{{item.contentInfo}}
<h6 class="answer-title-info follow-home-title">
{{item.contentInfo}}
<span class="follow-hide" style="float:right" v-if="!isDynamic && personal && !item.hidden" @click="emitHide(item.id)">
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
</span>
@@ -21,7 +22,7 @@
</span>
</p>
<div>
<interactBar :type="0" :data="item.info" :shares="false" :views="false" :readonly="true"></interactBar>
<interactBar :type="0" :data="item.info" :shares="false" :views="false" :readonly="true"></interactBar>
</div>
</li>
</ul>
@@ -31,7 +32,7 @@
</div>
</div>
</template>
<script>
import interactBar from "@/components/Portal/interactBar.vue";
import author from "@/components/Portal/authorInfo.vue";
@@ -83,11 +84,11 @@
changeIsAll(item) {
item.isAll = !item.isAll;
},
}
}
</script>
<style lang="scss" scoped>
.answer-list{
ul{
@@ -109,4 +110,3 @@
}
}
</style>

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;