zhuf 1 year ago
parent
commit
cb9acaf385
1 changed files with 34 additions and 46 deletions
  1. 34 46
      src/pages/xlkc.vue

+ 34 - 46
src/pages/xlkc.vue

@@ -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 {