HelloGithub/hellogithub-vue
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

个人中心调整

Browse Source
This commit is contained in:
landaiqing
2023-07-07 00:46:14 +08:00
parent 4e38d2fe41
commit 9bf3234398
5 changed files with 57 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/User/UserInfoPage.vue
View File

@@ -11,18 +11,18 @@
</el-page-header>
</div>
<div class="PageContent">
<el-card class="box-card" style="border: none">
<el-card class="box-card" style="border: none;">
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start">
<div style="display: flex;flex-direction: row;justify-content: flex-start">
<div style="width: 100px;height: 100px">
<el-avatar :size="90">{{username}}</el-avatar>
<div style="display: flex;flex-direction: row;justify-content: space-between">
<div style="width: 100px;height: 100px;display: flex;flex-direction: row;align-items: center">
<el-avatar style="display: flex;align-items: center;justify-content: center" :size="90">{{username}}</el-avatar>
</div>
<div style="display: flex;flex-direction: column;margin-left: 15px;">
<div style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
<span style="font-size: 20px;font-weight: bold;">{{username}}</span>
<span style="font-size: 15px;font-weight: bold;color: #3b82f6;margin-left: 10px">Lv.1</span>
</div>
<span style="margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> {{userId}} </span>位用户，于 {{creatTime}} 加入。</span>
<span style="display: flex;justify-content:flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> {{userId}} </span>位用户，于 {{creatTime}} 加入。</span>
<span style="display: flex;justify-content: flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">
已分享
<span v-if="projectNum!=null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{projectNum}}</span>
@@ -37,6 +37,13 @@
点贡献值。
</span>
</div>
<el-progress type="circle" :percentage="contributionValue" :width="100" :show-text="true"></el-progress>
<div style="margin-left: 8px;display: flex;flex-direction: column;align-content: space-between;justify-content: space-between">
<el-progress style="width: 90px" :show-text="false" :percentage="commentList.length"></el-progress>
<el-progress style="width: 90px" :show-text="false" :percentage="projectList.length" status="success"></el-progress>
<el-progress style="width: 90px" :show-text="false" :percentage="like.length" status="warning"></el-progress>
<el-progress style="width: 90px" :show-text="false" :percentage="Object.keys(article).length" status="exception"></el-progress>
</div>
</div>
</div>
</el-card>
@@ -71,6 +78,15 @@
<UserProjects :project="item" :index="index"></UserProjects>
</div>
</el-tab-pane>
<el-tab-pane label="文章" name="four">
<el-card style="border: none;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start">
<span style="font-size: 16px;font-weight: bold">总文章: {{Object.keys(article).length}} 篇</span>
</el-card>
<el-empty v-show="like.length===0" description="暂无点赞" :image-size="115"></el-empty>
<!-- <div v-show="like.length!==0" v-for="(item,index) in like" :key="index">-->
<!-- <UserProjects :project="item" :index="index"></UserProjects>-->
<!-- </div>-->
</el-tab-pane>
</el-tabs>
</el-card>
</div>
@@ -99,6 +115,7 @@ export default {
projectList:[],
commentList:[],
like:[],
article:[],
}
},
mounted() {
@@ -147,9 +164,12 @@ export default {
username:this.$route.query.name
}
}).then(function (res) {
// console.log(res);
that.projectList=JSON.parse(res.data.project);
that.commentList=JSON.parse(res.data.comment);
that.like=JSON.parse(res.data.like)
that.article=JSON.parse(res.data.article);
console.log(Object.keys(that.article).length);
});
},
}