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

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;
}

View File

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -1,21 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 2</title>
<defs>
<polygon id="path-1" points="5.0748738e-17 0 16 0 16 16 5.0748738e-17 16"></polygon>
</defs>
<svg width="23px" height="22px" viewBox="0 0 23 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的收藏" transform="translate(-1527.000000, -25.000000)">
<g id="编组-13" transform="translate(1527.000000, 25.000000)">
<g id="编组-2" fill="#F6F7FA" opacity="0.103236607">
<rect id="矩形备份" x="0" y="0" width="26" height="26" rx="13"></rect>
</g>
<g id="编组-12" transform="translate(5.000000, 5.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M12.8940698,6.91998844 C12.8940698,4.7096267 11.2903046,2.85915676 9.12938721,2.36963668 L9.12938721,1.88001156 C9.12938721,1.28239788 8.62492049,0.8 7.99996704,0.8 C7.37507951,0.8 6.87061279,1.28239788 6.87061279,1.88001156 L6.87061279,2.36963668 C4.7096075,2.85915676 3.10593017,4.7096267 3.10593017,6.91998844 L3.10593017,10.8800168 L1.6,12.3199832 L1.6,13.0399559 L14.4,13.0399559 L14.4,12.3199832 L12.8940698,10.8800168 L12.8940698,6.91998844 Z M7.99996704,15.2 C8.10542588,15.2 8.20326092,15.1927728 8.30120581,15.1711961 C8.79055677,15.077557 9.19718845,14.7536333 9.38538853,14.3216161 C9.46074765,14.1487924 9.50589722,13.9615982 9.50589722,13.7599496 L6.49412476,13.7599496 C6.49412476,14.5519847 7.17176367,15.2 7.99996704,15.2 Z" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
<g id="20.通知中心-" transform="translate(-125.000000, -1015.000000)" fill="#3379FB" stroke="#3379FB" stroke-width="0.4">
<g id="编组-19备份" transform="translate(80.000000, 310.000000)">
<g id="编组" transform="translate(45.433916, 705.000000)">
<path d="M3.62116539,14.5535032 C3.24403496,14.7052236 2.99634676,15.0778984 3.00295312,15.4817627 L3.00295312,15.5665342 C2.9986317,16.1132077 3.43814117,16.5640276 3.98709958,16.570654 L17.0564226,16.570654 C17.3130221,16.5684833 17.5539697,16.4702306 17.7369939,16.2917762 C17.9288152,16.1042964 18.040569,15.8410705 18.0381499,15.5709899 L18.040569,15.4840476 C18.0471754,15.0800691 17.7994872,14.7052236 17.4245275,14.5557881 L16.3691106,14.1384426 L16.3691106,9.51725249 C16.3691106,6.3129577 13.7472487,3.70674768 10.5228464,3.70674768 C7.29855836,3.70674768 4.6765822,6.3129577 4.6765822,9.51725249 L4.6765822,14.1384426 L3.62116539,14.5535032 Z M3.99155522,17.9631004 C2.6526908,17.9631004 1.56608447,16.8875761 1.56608447,15.5665342 L1.56608447,15.4773071 C1.56608447,14.9952976 1.70889363,14.5312249 1.97886006,14.133987 C2.25111144,13.7368633 2.63041257,13.4355931 3.07894757,13.2614801 L3.23740862,13.1991011 L3.23740862,9.51725249 C3.23740862,7.73659365 3.90232806,6.02733939 5.11175027,4.70195614 C6.31226118,3.38536994 7.94565522,2.55524886 9.71511782,2.35897196 L9.93824285,2.33440878 L9.93824285,1.58905922 C9.93824285,1.26551079 10.2015829,1 10.5273021,1 C10.8508505,1 11.1163613,1.26334009 11.1163613,1.58905922 L11.1163613,2.33440878 L11.3396006,2.35897196 C13.1067782,2.55307817 14.7401723,3.38536994 15.9385125,4.70195614 C17.1456497,6.02733939 17.8105692,7.73659365 17.8105692,9.51725249 L17.8105692,13.2012718 L17.9690302,13.2637651 C18.4175652,13.4377638 18.7968664,13.739034 19.0691177,14.1362719 C19.3413691,14.5333956 19.4841783,14.9975825 19.4841783,15.4773071 L19.4841783,15.5665342 C19.4841783,16.2002641 19.2364901,16.7982347 18.7856701,17.2490546 C18.3260531,17.7086716 17.7146014,17.9631004 17.0630489,17.9631004 L3.99155522,17.9631004 Z M10.4715494,21.0000228 C9.27777905,21.0000228 8.10400201,20.799176 6.97718062,20.4019381 L6.97272498,20.3997674 C6.79415641,20.3349892 6.64917655,20.2056612 6.56886068,20.0338332 C6.48625986,19.8620052 6.47734857,19.667899 6.54201255,19.4893304 C6.6468916,19.2059971 6.92142793,19.0140616 7.22486883,19.0140616 C7.30746965,19.0140616 7.38995622,19.0274285 7.47027209,19.0564473 C8.43646173,19.3956476 9.44732209,19.5674756 10.4715494,19.5674756 C11.5247955,19.5674756 12.5623897,19.3867363 13.5531425,19.0274285 L13.5709651,19.0208022 C13.6535659,18.9894984 13.7383374,18.9761314 13.823109,18.9761314 C14.1220942,18.9761314 14.3965163,19.1636113 14.5036803,19.444774 L14.505851,19.4492296 C14.5706292,19.627684 14.5617179,19.8217902 14.4814021,19.9936181 C14.4009719,20.1677311 14.2581628,20.297059 14.0797085,20.364008 C12.9171277,20.7858091 11.7055348,21.0000228 10.4715494,21.0000228 L10.4715494,21.0000228 Z" id="Fill-1"></path>
</g>
</g>
</g>

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB