提交 daa7a5cb authored 作者: matian's avatar matian

updates

上级 feb5263e
...@@ -7,6 +7,8 @@ const id = route.query.id ? route.query.id : (route.params.courseId as string) ...@@ -7,6 +7,8 @@ const id = route.query.id ? route.query.id : (route.params.courseId as string)
<template> <template>
<div :class="isBlack ? 'chapter-box active-black' : 'chapter-box'"> <div :class="isBlack ? 'chapter-box active-black' : 'chapter-box'">
<div class="title">课程章节</div> <div class="title">课程章节</div>
<div class="line"></div>
<div class="chapter-list"> <div class="chapter-list">
<div class="item" v-for="(item, index) in data" :key="item.id"> <div class="item" v-for="(item, index) in data" :key="item.id">
<div class="order">{{ index + 1 }}</div> <div class="order">{{ index + 1 }}</div>
...@@ -35,26 +37,33 @@ const id = route.query.id ? route.query.id : (route.params.courseId as string) ...@@ -35,26 +37,33 @@ const id = route.query.id ? route.query.id : (route.params.courseId as string)
.chapter-list { .chapter-list {
.item { .item {
// border-bottom: 1px dotted #fff; border-bottom: 1px dotted #fff;
} }
} }
} }
.title { .title {
width: 271px; width: 271px;
margin: 0 auto; margin: 0 auto;
// border-bottom: 1px solid #fff;
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
line-height: 52px; line-height: 52px;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.line {
width: 85%;
margin: 20px auto;
border-bottom: 1px dotted #e06386;
}
.chapter-list { .chapter-list {
margin: 0 auto; margin: 0 auto;
padding: 0 23px 70px; padding: 0 23px 70px;
.item:last-child {
border-bottom: none;
}
.item { .item {
display: flex; display: flex;
// border-bottom: 1px dotted #e06386; border-bottom: 1px dotted #e06386;
margin-top: 30px; margin-top: 30px;
.order { .order {
// width: 26px; // width: 26px;
......
...@@ -153,7 +153,7 @@ const basicInfo = computed((): IBasicInfo[] => { ...@@ -153,7 +153,7 @@ const basicInfo = computed((): IBasicInfo[] => {
.cover { .cover {
min-width: 240px; min-width: 240px;
height: 180px; height: 180px;
background: url(https://webapp-pub.ezijing.com/upload/admin/0d58c61cda01afd20d8ec0274b4d8a08.jpg); background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/course_default.png);
background-size: cover; background-size: cover;
} }
.infos { .infos {
......
...@@ -184,8 +184,6 @@ watch( ...@@ -184,8 +184,6 @@ watch(
<div class="title">{{ chapterDetails?.name }}</div> <div class="title">{{ chapterDetails?.name }}</div>
<div class="chapter-content"> <div class="chapter-content">
<div class="content-left"> <div class="content-left">
{{ resourceData.videoData }}
<ViewDetailsVideo <ViewDetailsVideo
v-if="Object.keys(resourceData.videoData).length" v-if="Object.keys(resourceData.videoData).length"
:data="resourceData.videoData" :data="resourceData.videoData"
...@@ -197,12 +195,12 @@ watch( ...@@ -197,12 +195,12 @@ watch(
<el-empty description="暂无数据" v-if="!resourceData.courseware.length" /> <el-empty description="暂无数据" v-if="!resourceData.courseware.length" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="教案" name="2"> <el-tab-pane label="教案" name="2">
<PreviewFiles :url="item.url" v-for="item in resourceData.courseware" :key="item.id"></PreviewFiles> <PreviewFiles :url="item.url" v-for="item in resourceData.lessonPlan" :key="item.id"></PreviewFiles>
<el-empty description="暂无数据" v-if="!resourceData.courseware.length" /> <el-empty description="暂无数据" v-if="!resourceData.lessonPlan.length" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="资料" name="3"> <el-tab-pane label="资料" name="3">
<PreviewFiles :url="item.url" v-for="item in resourceData.courseware" :key="item.id"></PreviewFiles> <PreviewFiles :url="item.url" v-for="item in resourceData.data" :key="item.id"></PreviewFiles>
<el-empty description="暂无数据" v-if="!resourceData.courseware.length" /> <el-empty description="暂无数据" v-if="!resourceData.data.length" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="考试 / 测验" name="4"> <el-tab-pane label="考试 / 测验" name="4">
<AppList v-bind="listOptions"></AppList> <AppList v-bind="listOptions"></AppList>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论