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-10-08 17:04:55 +08:00
parent 402734e40d
commit 61f6496d04
4 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/styles/ellipsis.scss
View File

@@ -18,7 +18,7 @@
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp:2;
} }
.index-one-line-ellipsis{ .index-one-line-ellipsis{
display: -webkit-box; display: -webkit-box;

1
src/assets/styles/portal-index.scss
View File

@@ -353,7 +353,6 @@
// background-size: cover; // background-size: cover;
// } // }
.portal-images-title{ .portal-images-title{
display: inline-block;
vertical-align: top; vertical-align: top;
padding: 2px 12px; padding: 2px 12px;
line-height: 24px; line-height: 24px;

20
src/assets/styles/portal.scss
View File

@@ -277,6 +277,11 @@ body {margin: 0px;padding: 0px;}
.xcontent2{ .xcontent2{
width: 1100px; width: 1100px;
} }
.rankimg{
width:66px;
height:38px;
float: left;
}
.xcontent2-minor{ .xcontent2-minor{
width: 260px; width: 260px;
} }
@@ -302,6 +307,11 @@ body {margin: 0px;padding: 0px;}
.xcontent2{ .xcontent2{
width: 1366px; width: 1366px;
} }
.rankimg{
width:76px;
height:42px;
float: left;
}
.xcontent2-minor{ .xcontent2-minor{
width: 300px; width: 300px;
} }
@@ -322,6 +332,11 @@ body {margin: 0px;padding: 0px;}
.xcontent2{ .xcontent2{
width: 1690px; width: 1690px;
} }
.rankimg{
width:86px;
height:42px;
float: left;
}
.xcontent2-minor{ .xcontent2-minor{
width: 400px; width: 400px;
} }
@@ -342,6 +357,11 @@ body {margin: 0px;padding: 0px;}
.xcontent2{ .xcontent2{
width: 1880px; width: 1880px;
} }
.rankimg{
width:96px;
height:52px;
float: left;
}
.xcontent2-minor{ .xcontent2-minor{
width: 400px; width: 400px;
} }

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

@@ -142,14 +142,15 @@
</span> </span>
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span> <span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
<span class="portal-title-desc" v-else style="font-size: 14px;"> <span class="portal-title-desc" v-else style="font-size: 14px;">
<img v-if="index == 0" style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/> <img v-if="index == 0" class="rankimg" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span> <span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
</span> </span>
<div class="list-active"> <div class="list-active">
<div class="list-content"> <div class="list-content">
<div class="list-img"> <div class="list-img">
<course-image :course="item"></course-image> <!-- <course-image :course="item"></course-image> -->
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span v-if="item.type < 21" class="course-type">录播</span> <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==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span> <span v-if="item.type==40" class="course-type">学习项目</span>
@@ -187,14 +188,15 @@
</span> </span>
<span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span> <span class="portal-title-desc title-line-ellipsis" v-if="item.images == ''" style="font-size: 14px;">{{ item.name }}</span>
<span class="portal-title-desc" v-else style="font-size: 14px;"> <span class="portal-title-desc" v-else style="font-size: 14px;">
<img v-if="index == 0" style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/> <img v-if="index == 0" class="rankimg" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.name }}</span> <span class="portal-images-title two-line-ellipsis">{{ item.name }}</span>
</span> </span>
<div class="list-active"> <div class="list-active">
<div class="list-content"> <div class="list-content">
<div class="list-img"> <div class="list-img">
<course-image :course="item"></course-image> <!-- <course-image :course="item"></course-image> -->
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span v-if="item.type < 21" class="course-type">录播</span> <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==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span> <span v-if="item.type==40" class="course-type">学习项目</span>
@@ -231,14 +233,15 @@
<img src="/images/list05.png" alt=""> <img src="/images/list05.png" alt="">
</span> </span>
<span class="portal-title-desc title-line-ellipsis list-lidex" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span> <span class="portal-title-desc title-line-ellipsis list-lidex" v-if="item.images == ''" style="font-size: 14px;">{{ item.courseName }}</span>
<span class="portal-title-desc span" v-else style="font-size: 14px;"> <span class="portal-title-desc " v-else style="font-size: 14px;">
<img v-if="index == 0" style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/> <img v-if="index == 0" class="rankimg" :src="fileBaseUrl + item.images" alt=""/>
<span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span> <span class="portal-images-title two-line-ellipsis">{{ item.courseName }}</span>
</span> </span>
<div class="list-active"> <div class="list-active">
<div class="list-content"> <div class="list-content">
<div class="list-img"> <div class="list-img">
<course-image :course="item"></course-image> <!-- <course-image :course="item"></course-image> -->
<img style="width:96px;height:52px" :src="fileBaseUrl + item.images" alt=""/>
<span v-if="item.type < 21" class="course-type">录播</span> <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==30" class="course-type">线下课</span>
<span v-if="item.type==40" class="course-type">学习项目</span> <span v-if="item.type==40" class="course-type">学习项目</span>