内容检索课程

This commit is contained in:
lmj
2022-11-08 16:41:35 +08:00
parent 25591c5b2e
commit ba340fe9b3
2 changed files with 37 additions and 33 deletions

View File

@@ -89,29 +89,32 @@
<view class="course" @click="toCoursePage(c)">
<view class="course-img">
<view class="course-left">
<text v-if="c.type==10" class="course-type">录播</text>
<text v-if="c.type==20" class="course-type">录播</text>
<text v-if="c.type=='online-course'" class="course-type">录播</text>
<text v-if="c.type=='face-course'" class="course-type">面授班</text>
<text v-if="c.type=='project'" class="course-type">学习项目</text>
<course-image :course="c" width="265upx" height="144upx"></course-image>
<!-- <text v-if="c.type==10" class="course-type">录播</text> -->
<!-- <text v-if="c.type==20" class="course-type">录播</text> -->
<!-- <text v-if="c.type=='online-course'" class="course-type">录播</text> -->
<!-- <text v-if="c.type=='face-course'" class="course-type">面授班</text> -->
<!-- <text v-if="c.type=='project'" class="course-type">学习项目</text> -->
<course-image :course="c" width="308upx" height="192upx"></course-image>
</view>
<view class="coures-conent">
<view class="conent-title" v-html="c.name">
<!-- <u-parse :content="c.name"></u-parse> -->
</view>
<view class="con-au">
<view v-if="c.type==10 || c.type==20" class="item-author" style="display: flex;">
<!-- <author v-if="c.authorInfo" :showInfo="true" :data="c.authorInfo"></author> -->
<text style="font-size: 28upx; color: #666666;">{{c.teacher}}</text>
</view>
<view v-else style="font-size: 24upx; color: #666666;padding-top: 10upx;">
<!-- <view class="con-au"> -->
<!-- <view v-else style="font-size: 24upx; color: #666666;padding-top: 10upx;"> -->
<!-- <text>发布时间</text><text>{{c.showTime}}</text> -->
</view>
<!-- </view> -->
<!-- </view> -->
<view v-if="c.type==10 || c.type==20" class="item-author" style="display: flex;">
<text style="font-size: 24upx; color: #666666;">{{c.teacher}}</text>
</view>
<view class="statuy-ren">
<text><text class="statuy-num">{{c.studies}}</text>人学习</text>
<view v-if="c.score" class="stu-f">{{converToScore(c.score)}}</view>
<view class="statuy-ren">
<text v-if="c.score" class="stu-f">
<view style="width: 32upx;height: 32upx;float: left;margin-right: 8upx;">
<image style="width: 100%;height: 100%" src="../../static/images/icon/scoreicon.png" mode=""></image>
</view>
{{converToScore(c.score)}}
</text>
<text>{{ c.score }}<text class="statuy-num">{{c.studies}}+</text>人学习</text>
</view>
</view>
</view>
@@ -848,13 +851,13 @@
}
}
.course {
.course-img {
display: flex;
.course-img {
display: flex;
align-items: center;
/deep/ .course-left{
width: 308upx;
height: 147upx;
margin-top: 4upx;
height: 192upx;
margin-top: 4upx;
position: relative;
uni-image {
width: 308upx;
@@ -900,33 +903,34 @@
.coures-conent{
// padding: 10upx 10upx 0 15upx;
margin-left: 10px;
display: flex;
display: flex;
flex-direction:column;
justify-content: space-between;
flex: 1;
height: 192upx;
overflow: hidden;
.conent-title{
overflow: hidden;
.conent-title{
font-size: 32upx;
font-family: Source Han Sans CN;
font-family: Source Han Sans CN;
font-weight: 500;
color: #333;
white-space:nowrap;
overflow: hidden;
height: 112upx;
text-overflow: ellipsis;
}
.statuy-ren{
font-size: 25upx;
.statuy-ren{
font-size: 25upx;
color: #999999;
display: flex;
justify-content: space-between;
display: flex;
// justify-content: space-between;
// align-items: flex-end;
.statuy-num{
font-size: 24upx;
color: #FF8E00;
}
}
.stu-f {
color: #999;
}
}
.stu-f {
font-size: 24upx;
color: #333;
font-weight: 500;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB