hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 20:06:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

加标签

Browse Source
This commit is contained in:
daihh
2023-03-06 19:41:36 +08:00
parent 2b8623c7f6
commit f97dc20c57
1 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/study/TaskList.vue
View File

@@ -4,7 +4,7 @@
<div style="display: flex; justify-content: flex-start"> <div style="display: flex; justify-content: flex-start">
<div> <div>
<el-select class="search-input" v-model="status" clearable placeholder="学习进度"> <el-select class="search-input" v-model="status" clearable placeholder="学习进度">
<el-option label="全部" value="5"></el-option> <el-option label="全部" value=""></el-option>
<el-option label="未开始" value="0"></el-option> <el-option label="未开始" value="0"></el-option>
<el-option label="进行中" value="1"></el-option> <el-option label="进行中" value="1"></el-option>
<el-option label="已完成" value="2"></el-option> <el-option label="已完成" value="2"></el-option>
@@ -18,7 +18,12 @@
<!--课程列表内容--> <!--课程列表内容-->
<div class="uc-list" v-if="couresList.length > 0"> <div class="uc-list" v-if="couresList.length > 0">
<div class="uc-course" v-for="(item, idx) in couresList" @click="jumpRouter(item)" :key="idx"> <div class="uc-course" v-for="(item, idx) in couresList" @click="jumpRouter(item)" :key="idx">
<div class="uc-course-img"><img :src="item.cmtask_imgurl" /></div> <div class="uc-course-img">
<img :src="item.cmtask_imgurl" />
<span class="spanname" v-if="item.cmtask_type==1">学习路径图</span>
<span class="spanname" v-if="item.cmtask_type==2">学习项目</span>
<span class="spanname" v-if="item.cmtask_type==3">老系统必修任务</span>
</div>
<div class="uc-course-info"> <div class="uc-course-info">
<!-- 任务名称 --> <!-- 任务名称 -->
<div class="uc-course-name one-line-ellipsis" style="cursor: pointer"> <div class="uc-course-name one-line-ellipsis" style="cursor: pointer">
@@ -225,20 +230,32 @@ export default {
margin-top: 10px; margin-top: 10px;
margin-right: 40px; margin-right: 40px;
} }
.spanname {
position: absolute;
background-color: #6a99a4;
color:#ffffff;
padding: 4px 10px;
font-size: 12px;
bottom: 0px;
z-index: 100;
left: 0px;
}
.uc-course { .uc-course {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
border-bottom: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;
margin-right: 32px; margin-right: 32px;
padding: 20px 0px 15px 0px ; padding: 20px 0px 15px 0px ;
.uc-course-img { .uc-course-img {
width: 212px; width: 212px;
height: 119px; height: 119px;
position: relative;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.uc-course-info { .uc-course-info {
// width: 50%; // width: 50%;