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

修改

Browse Source
This commit is contained in:
lmj
2022-11-01 19:10:47 +08:00
parent a4905552a5
commit 1b3712a1cc
3 changed files with 57 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/Recent.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 976 B

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

@@ -11,30 +11,33 @@
</div> </div>
<div class="user-content"> <div class="user-content">
<div style="display: flex;justify-content: start;"> <div style="display: flex;justify-content: start;margin-left:25px">
<div style="min-width: 260px;"> <div style="min-width: 240px;">
<div class="content-top"> <div class="content-top">
<h6 content-bottom> {{userData.name}}<span style="margin-left:8px;color: #999999;font-weight: 400;">{{orgInfo}}</span> </h6> <h6> {{userData.name}}<span style="margin-left:8px;color: #999999;font-weight: 400;">{{orgInfo}}</span> </h6>
</div> </div>
<div class="content-bottom"> <div class="grade" style="margin-top:5px">
<div class="level">{{statData.level}}</div>
<span style="color: #A3680A;margin-left:5px;line-height: 24px;margin-right: 10px;">经验值：{{statData.evalue}}</span>
<div style="float:right">
<el-button type="text" round class="btn-user" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button>
<el-button type="text" round class="btn-user" @click="cancelFollow()" v-if="isFollowHas">已关注</el-button>
<el-button type="text" round class="btn-user" > <router-link :to="'/home/'+pageId+'/leaving'">{{pageId == userInfo.aid ? '留言板':'去留言'}}<i class="el-icon-arrow-right"></i> </router-link> </el-button>
</div>
</div>
<div class="content-bottom" style="margin-top:20px">
<p v-if="userData.sign" class="portal-summary-text">{{userData.sign}} </p> <p v-if="userData.sign" class="portal-summary-text">{{userData.sign}} </p>
<p v-else class="portal-summary-text">暂无签名</p> <p v-else class="portal-summary-text">暂无签名</p>
</div> </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="text-align: center;">
<div style="height: 30px;margin-top: 10px;"> <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> <router-link v-if="pageId == userInfo.aid" to="/user/Setting"><span class="content-one-info pointer">个人设置</span></router-link>
<span style="margin-left:10px" class="content-one-info" ><router-link v-if="pageId == userInfo.aid" to="/uc/study/courses" class="pointer" style="color:#0060FF;">个人中心</router-link></span>
</div> </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" 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>
<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> </div>
@@ -190,6 +193,16 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.level{
float: left;
width: 57px;
height: 24px;
text-align: center;
line-height: 28px;
background-image: url(../../../public/images/lvbg.png);
background-repeat: no-repeat;
background-size:100%;
}
.ranking-link{ .ranking-link{
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
@@ -270,16 +283,13 @@
margin-top: 10px; margin-top: 10px;
} }
.btn-user{ .btn-user{
margin-top: -6px; color: #387DF7;
// margin-left: 68px; margin: 0;
height: 30px; font-size: 16px;
border-radius: 20px; padding: 0;
border: 1px solid #0060FF;
color: #0060FF;
} }
.grade{ .grade{
float: left; // margin-top: 20px;
margin-top: 20px;
div{ div{
// margin-left: 22px; // margin-left: 22px;
@@ -314,7 +324,8 @@
flex: 1; flex: 1;
.content-top{ .content-top{
// margin-top: 15px; // margin-top: 15px;
height: 56px; height: 46px;
line-height: 46px;
h6{ h6{
color: #333333; color: #333333;
@@ -335,14 +346,16 @@
} }
.content-one-info{ .content-one-info{
display: inline-block; display: inline-block;
width: 97px;
height: 30px;
line-height: 30px; line-height: 30px;
text-align: center; width: 80px;
border-radius: 4px; height: 30px;
color: #588afc; text-align: center;
font-weight: normal; border-radius: 20px;
border: 1px solid #387DF7; padding: 0;
border: 1px solid #619DFF;
font-size: 14px;
color: #387DF7;
} }
.editbutt{ .editbutt{
font-size: 14px; font-size: 14px;
@@ -437,6 +450,7 @@
} }
} }
.content-bottom{ .content-bottom{
.medalbutt{ .medalbutt{
margin-right: 20px; margin-right: 20px;
} }

17
src/views/Index.vue
View File

@@ -52,8 +52,11 @@
</div> </div>
</a> </a>
<div class="last-study-info"> <div class="last-study-info">
<div class="one-line-ellipsis" style="color: #000000;"> <div class="one-line-ellipsis" style="color: #387DF7;font-size: 16px;">
<router-link :to="'/course/studyindex?id='+lastStudy.courseId" >最近学习： {{lastStudy.courseName}} </router-link> <router-link :to="'/course/studyindex?id='+lastStudy.courseId" >
<img class="Recent" :src="`${webBaseUrl}/images/Recent.png`" alt="">
最近学习： {{lastStudy.courseName}}
</router-link>
</div> </div>
<!-- <div class="tobe-icon"> <!-- <div class="tobe-icon">
<img :src="`${webBaseUrl}/images/homeWu/Pending.png`" alt=""> <img :src="`${webBaseUrl}/images/homeWu/Pending.png`" alt="">
@@ -1091,6 +1094,11 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.Recent{
vertical-align: top;
width: 22px;
height: 22px;
}
.jinian-medal-img{ .jinian-medal-img{
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
@@ -1224,7 +1232,7 @@
right: 8%; right: 8%;
top: 105px; top: 105px;
// background: url('/images/homeWu/personal-bgimg.png'); // background: url('/images/homeWu/personal-bgimg.png');
background: rgba($color: #fff, $alpha: 0.2); background: rgba($color: #fff, $alpha: 0.85);
border-radius: 8px; border-radius: 8px;
z-index: 999; z-index: 999;
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
@@ -1292,7 +1300,7 @@
text-align: center; text-align: center;
} }
.label { .label {
color: #333; color: #999999;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
@@ -1305,6 +1313,7 @@
font-size: 22px; font-size: 22px;
text-align: center; text-align: center;
color: #333; color: #333;
font-weight: 500;
} }
} }
} }