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

修改

Browse Source
This commit is contained in:
lmj
2022-10-14 18:32:23 +08:00
parent 052dbb0718
commit aa66f7c82c
3 changed files with 33 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/UserCenter/menu.vue
View File

@@ -302,7 +302,7 @@
<span slot="title">我的收藏</span>
</el-menu-item>
<el-menu-item index="/message/center/index" v-show="curIdentity == 1">
<svg-icon :icon-class="activeMenu == '/user/favorites'?'message-active':'messageicon'"></svg-icon>
<svg-icon :icon-class="activeMenu == '/user/favorites'?'messageactive':'messageicon'"></svg-icon>
<span slot="title">消息中心</span>
</el-menu-item>
@@ -332,16 +332,16 @@
-->
</el-menu>
</div>
<div style="height:200px;margin-top:20px;background-color: #FFFFFF;padding:mout" v-if="overlayShow && curIdentity == 1" >
<div style="margin-top:20px;background-color: #FFFFFF;padding:mout" v-if="overlayShow && curIdentity == 1" >
<p class="course-re" style="margin-left:0px">您上次学习到：</p>
<el-card class="course-card" :body-style="{padding:'0px'}">
<el-card class="couerscard" :body-style="{padding:'0px'}">
<a :href="toCourseDetail(lastStudy)">
<div class="course-image-box">
<div class="course-image">
<course-image :course="lastStudy"></course-image>
<span v-if="lastStudy.contentType==20" class="course-type-title course-type">录播课</span>
<span v-if="lastStudy.contentType==10" class="course-type-title course-type">录播课</span>
<span v-if="lastStudy.contentType=='online-course'" class="course-type-title course-type">录播课</span>
<span v-if="lastStudy.contentType=='face-course'" class="course-type-title course-type">线下课</span>
<span v-if="lastStudy.contentType==20" class="course-type-title course-type">录播</span>
<span v-if="lastStudy.contentType==10" class="course-type-title course-type">录播</span>
<span v-if="lastStudy.contentType=='online-course'" class="course-type-title course-type">录播</span>
<span v-if="lastStudy.contentType=='face-course'" class="course-type-title course-type">线下</span>
<span v-if="lastStudy.contentType=='project'" class="course-type-title course-type">学习项目</span>
</div>
<el-tooltip :content="lastStudy.courseName" placement="bottom-start" effect="light" :visible-arrow="false" popper-class="text-tooltip">
@@ -438,6 +438,9 @@ export default {
};
</script>
<style lang="scss" scoped>
.couerscard{
padding: 0 15px;
}
// ::v-deep .fontsamll{
// font-size: 16px!important;
// }
@@ -463,40 +466,36 @@ export default {
line-height: 36px;
}
.course-card{
padding-left: 19px;
// padding-right: 20px;
}
.course-image-box {
// margin: 0px 20px;
.course-image {
position: relative;
width: 160px;
height: 110px;
.course-image {
width: 180px;
height: 110px;
}
.course-type{
position: absolute;
top: 5px;
top: 0px;
right: 0px;
width: 70px;
height: 25px;
line-height: 25px;
width: 55px;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #FFFFFF;
text-align: center;
background-color: rgba(41, 40, 40,.4);
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
background: #f99000;
// border-top-left-radius: 15px;
border-bottom-left-radius: 10px;
color: #FFFFFF;
}
.course-type-title{
position: absolute;
top: 5px;
top: 0px;
right: 0px;
width: 70px;
height: 25px;
line-height: 25px;
width: 55px;
height: 20px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
}