|
@@ -387,41 +387,33 @@ function switchKjCate(idx) {
|
|
|
<el-empty description="暂无数据" />
|
|
|
</div> -->
|
|
|
<div class="mb-20px flex justify-between">
|
|
|
- <div
|
|
|
- class="relative cursor-pointer"
|
|
|
+ <div class="relative cursor-pointer"
|
|
|
:class="kj_cate === 1 ? 'border-2 border-blue rounded-3 border-solid' : 'border-2 border-transparent'"
|
|
|
- @click="switchKjCate(1)"
|
|
|
- >
|
|
|
+ @click="switchKjCate(1)">
|
|
|
<img :src="catogory_jzxx" alt="">
|
|
|
<p class="absolute left-6 top-3 font-bold">
|
|
|
家长学校
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="relative cursor-pointer"
|
|
|
+ <div class="relative cursor-pointer"
|
|
|
:class="kj_cate === 2 ? 'border-2 border-blue rounded-3 border-solid' : 'border-2 border-transparent'"
|
|
|
- @click="switchKjCate(2)"
|
|
|
- >
|
|
|
+ @click="switchKjCate(2)">
|
|
|
<img :src="catogory_qzgd" alt="">
|
|
|
<p class="absolute left-6 top-3 font-bold">
|
|
|
亲子共读
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="relative cursor-pointer"
|
|
|
+ <div class="relative cursor-pointer"
|
|
|
:class="kj_cate === 3 ? 'border-2 border-blue rounded-3 border-solid' : 'border-2 border-transparent'"
|
|
|
- @click="switchKjCate(3)"
|
|
|
- >
|
|
|
+ @click="switchKjCate(3)">
|
|
|
<img :src="catogory_xgyc" alt="">
|
|
|
<p class="absolute left-6 top-3 font-bold">
|
|
|
习惯养成
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="relative cursor-pointer"
|
|
|
+ <div class="relative cursor-pointer"
|
|
|
:class="kj_cate === 4 ? 'border-2 border-blue rounded-3 border-solid' : 'border-2 border-transparent'"
|
|
|
- @click="switchKjCate(4)"
|
|
|
- >
|
|
|
+ @click="switchKjCate(4)">
|
|
|
<img :src="catogory_tdwx" alt="">
|
|
|
<p class="absolute left-6 top-3 font-bold">
|
|
|
团队微学
|
|
@@ -432,10 +424,8 @@ function switchKjCate(idx) {
|
|
|
<!-- 搜索 -->
|
|
|
<div>
|
|
|
<div v-if="selectTitle == '2' || selectTitle == '5'" class="mb-30px" style="position: relative">
|
|
|
- <el-icon
|
|
|
- :size="22" color="#bfbfbf" style="position: absolute; right: 50px; top: 12px; z-index: 100"
|
|
|
- @click="initData(selectTitle)"
|
|
|
- >
|
|
|
+ <el-icon :size="22" color="#bfbfbf" style="position: absolute; right: 50px; top: 12px; z-index: 100"
|
|
|
+ @click="initData(selectTitle)">
|
|
|
<Search />
|
|
|
</el-icon>
|
|
|
<el-input v-model="keyword" placeholder="搜索课程" clearable />
|
|
@@ -443,12 +433,10 @@ function switchKjCate(idx) {
|
|
|
<div v-if="selectTitle == '2' || selectTitle == '3' || selectTitle == '5'">
|
|
|
年级:
|
|
|
<span v-for="(item, key) in gradeData" :key="key" @click="handleSelectGrade(item)">
|
|
|
- <span
|
|
|
- :class="item.grade == selectGrade
|
|
|
- ? 'online_grade_item_active'
|
|
|
- : 'online_grade_item'
|
|
|
- "
|
|
|
- >
|
|
|
+ <span :class="item.grade == selectGrade
|
|
|
+ ? 'online_grade_item_active'
|
|
|
+ : 'online_grade_item'
|
|
|
+ ">
|
|
|
{{ item.gradename }}
|
|
|
</span>
|
|
|
</span>
|
|
@@ -456,12 +444,10 @@ function switchKjCate(idx) {
|
|
|
<div v-if="selectTitle == '2' || selectTitle == '3' || selectTitle == '5'">
|
|
|
学科:
|
|
|
<span v-for="(item, key) in subjectData" :key="key" @click="handleselectSubject(item)">
|
|
|
- <span
|
|
|
- :class="item.subject_id == selectSubject
|
|
|
- ? 'online_grade_item_active'
|
|
|
- : 'online_grade_item'
|
|
|
- "
|
|
|
- >
|
|
|
+ <span :class="item.subject_id == selectSubject
|
|
|
+ ? 'online_grade_item_active'
|
|
|
+ : 'online_grade_item'
|
|
|
+ ">
|
|
|
{{ item.subject_name }}
|
|
|
</span>
|
|
|
</span>
|
|
@@ -471,17 +457,15 @@ function switchKjCate(idx) {
|
|
|
|
|
|
<div v-if="tableData.length > 0" v-loading="loading" class="mb-30px">
|
|
|
<ul class="mt-10px flex flex-wrap justify-between">
|
|
|
- <li
|
|
|
- v-for="(item, i) in tableData" :key="i" class="mb-20px h-120px w-590px flex rounded-14px"
|
|
|
- style="box-shadow: 0 1px 6px rgba(0, 0, 0, 0.11)" @click="toDetail(item.id)"
|
|
|
- >
|
|
|
+ <li v-for="(item, i) in tableData" :key="i" class="mb-20px h-120px w-590px flex rounded-14px"
|
|
|
+ style="box-shadow: 0 1px 6px rgba(0, 0, 0, 0.11)" @click="toDetail(item.id)">
|
|
|
<div v-if="item.img" class="h-120px w-200px overflow-hidden">
|
|
|
<img :src="item.img" class="h-full w-full rounded-14px" alt="">
|
|
|
</div>
|
|
|
<div v-else class="h-120px w-200px overflow-hidden">
|
|
|
<img class="mx-15px my-15px h-60px w-60px" :src="obj[item.file_ext]" alt="">
|
|
|
</div>
|
|
|
- <div class="border-bottom-1 w-390px pb-15px pl-15px pr-40px pt-30px">
|
|
|
+ <div class="border-bottom-1 w-390px pl-15px pr-40px py-15px">
|
|
|
<div class="h-20px overflow-hidden text-18px leading-20px text-dark-400">
|
|
|
{{ item.name }}
|
|
|
</div>
|
|
@@ -495,6 +479,11 @@ function switchKjCate(idx) {
|
|
|
{{ item.lll ? item.lll : 0 }}
|
|
|
</span>
|
|
|
</span>
|
|
|
+
|
|
|
+ <div v-if="selectTitle === '4'">
|
|
|
+ {{ item.create_dateline_format }}
|
|
|
+ </div>
|
|
|
+
|
|
|
<div v-if="item.kss" class="btn">
|
|
|
{{ item.kss }}
|
|
|
</div>
|
|
@@ -521,19 +510,17 @@ function switchKjCate(idx) {
|
|
|
</div>
|
|
|
</h4>
|
|
|
</div>
|
|
|
- <div class="bordertop mt-20px p-15px text-13px">
|
|
|
- <div class="h-30px truncate text-hex-abaaaa">
|
|
|
- {{ item.kcjj }}
|
|
|
- </div>
|
|
|
+ <div class="bordertop"></div>
|
|
|
+ <div class="truncate text-13px text-hex-abaaaa">
|
|
|
+ {{ item.kcjj }}
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="my-10 flex justify-center">
|
|
|
- <el-pagination
|
|
|
- v-model:current-page="page" v-model:page-size="limit" layout=" prev, pager, next" :total="total"
|
|
|
- :background="true" :hide-on-single-page="false" @current-change="hangleChange"
|
|
|
- />
|
|
|
+ <el-pagination v-model:current-page="page" v-model:page-size="limit" layout=" prev, pager, next" :total="total"
|
|
|
+ :background="true" :hide-on-single-page="false" @current-change="hangleChange" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="py-10px text-center">
|
|
@@ -548,8 +535,9 @@ function switchKjCate(idx) {
|
|
|
}
|
|
|
|
|
|
.bordertop {
|
|
|
- height: 80px;
|
|
|
+ // height: 80px;
|
|
|
border-top: 1px dashed #ededed;
|
|
|
+ margin: 8px 0;
|
|
|
}
|
|
|
|
|
|
.course-list {
|