mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-06 17:36:45 +08:00
内容检索课程
This commit is contained in:
@@ -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;
|
||||
|
||||
BIN
static/images/icon/scoreicon.png
Normal file
BIN
static/images/icon/scoreicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Reference in New Issue
Block a user