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:
zhaofang
2022-09-02 15:28:34 +08:00
parent db0e262d26
commit 68eb098e19
4 changed files with 77 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/views/portal/course/Index.vue
View File

@@ -146,14 +146,19 @@
<div class="list-active">
<div class="list-content">
<div class="list-img"><img src="/images/list-img.png" alt=""></div>
<div class="list-img">
<course-image :course="item"></course-image>
<span v-if="item.type < 21" class="course-type">录播课</span>
<span v-if="item.type==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span>
</div>
<div class="list-text">
<h6>京东方位列世界知识产权组织2021年专利申请榜产权组织2021年专利申请榜全球</h6>
<h6 class="two-line-ellipsis">{{item.name}}</h6>
<span>2022年2月18日</span>
</div>
</div>
<div class="list-bottom">
点赞组件
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
@@ -165,7 +170,7 @@
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
<ul>
<li v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/list-01.png" alt="">
</span>
@@ -186,13 +191,26 @@
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
</span>
<div class="list-active">
<div class="list-content">
<div class="list-img"><course-image :course="item"></course-image></div>
<div class="list-text">
<h6 class="two-line-ellipsis">{{item.name}}</h6>
<span>2022年2月18日</span>
</div>
</div>
<div class="list-bottom">
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</li>
</ul>
</div>
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg2">
<p class="portal-title-one" style="padding-bottom:12px">热度榜</p>
<ul>
<li v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<li class="list-info" v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/listred01 .png" alt="">
</span>
@@ -213,6 +231,19 @@
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
</span>
<div class="list-active">
<div class="list-content">
<div class="list-img"><course-image :course="item"></course-image></div>
<div class="list-text">
<h6 class="two-line-ellipsis">{{item.courseName}}</h6>
<span>2022年2月18日</span>
</div>
</div>
<div class="list-bottom">
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</li>
</ul>
</div>
@@ -792,10 +823,23 @@ export default {
.list-img{
width: 125px;
height: 70px;
position: relative;
img{
width: 100%;
height: 100%;
}
.course-type{
position: absolute;
left: 0;
bottom: 0;
height: 20;
line-height: 20px;
font-size: 12px;
color: #FFFFFF;
padding: 0px 8px;
background: #387DF7;
border-radius: 0px 12px 0px 0px;
}
}
.list-text{
flex: 1;
@@ -813,6 +857,15 @@ export default {
}
}
}
.list-bottom{
padding-top: 10px;
::v-deep .interact-bar-btns{
justify-content: space-between !important;
.interact-bar-btn{
margin: 0 !important;
}
}
}
}
.list-info{
position: relative;