全部课程资源

src/pages/courseResources.vue

@@ -122,6 +122,7 @@
           ]
         },
         resourceBaseData: {
+          id:"resourceCourse",
           mainTitle: '课程资源',
           secTitle: '实现直播教师上传资源，兼职美术老师下载资源',
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
@@ -171,6 +172,7 @@
           ]
         },
         familyBaseData: {
+          id:"familyCourse",
           mainTitle: '家庭教育',
           secTitle: '实现直播教师上传资源，兼职美术老师下载资源',
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
@@ -185,6 +187,7 @@
           ]
         },
         specialBaseData: {
+          id:"specialCourse",
           mainTitle: '特色课程',
           secTitle: '实现直播教师上传资源，兼职美术老师下载资源',
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
@@ -206,6 +209,7 @@
           ]
         },
         extendBaseData: {
+          id:"extendCourse",
           mainTitle: '拓展课程',
           secTitle: '实现直播教师上传资源，兼职美术老师下载资源',
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
@@ -274,7 +278,9 @@
         switch (markLable) {
           case 'baseCourse':
             this.$router.push('/resourceAll');
-            break;
+          break;
+          default:
+            this.$router.push('/resourceAll');
           
         }
         console.log(markLable,"999")

src/pages/courseResourcesAll.vue

@@ -25,8 +25,7 @@
       <div class="bigTitle">年级</div>
       <div class="selectionFilter">
         <ul>
-          <li class="selectActive">全部</li>
-          <li v-for="(item,index) in filterData" :key="index">{{item}}</li>
+          <li v-for="(item,index) in filterData" :key="index" @click="gradeChoose(index)"><span :class="{ 'selectActive':num==index }">{{item}}</span></li>
         </ul>
       </div>
     </div>
@@ -35,14 +34,13 @@
       <div class="bigTitle">分册</div>
       <div class="selectionFilter">
         <ul>
-          <li class="selectActive">全部</li>
-          <li v-for="(item,index) in secFilterData" :key="index">{{item}}</li>
+          <li v-for="(item,index) in secFilterData" :key="index" @click="secChoose(index)"><span :class="{ 'selectActive':secNum==index }">{{item}}</span></li>
         </ul>
       </div>
     </div>
     <div class="common1280">
        <div class="allDetailCourse">
-          <div class="singlePart" v-for="(item,index) in courseDetail" :key="index" @click="toParentDetail(item,index)">
+          <div class="singlePart" v-for="(item,index) in courseDetail" :key="index" @click="toDetail(item,index)">
             <div class="courseCover"> <img :src="item.img" alt=""></div>
             <p>{{item.title}}</p>
             <div class="evalStar">
@@ -62,7 +60,7 @@
           </div>
         </div>
     </div>
-    <div class="paganationPage">
+    <div class="common1280 paganationPage">
         <el-pagination background layout="prev, pager, next, ->" :total="1000" />
     </div>
   </div>
@@ -75,8 +73,9 @@
       return {
         searchKey: '',
         num: 0,
-        filterData: ["幼儿园", "一年级", "二年级", "三年级", "四年级", "五年级", "六年级", "初一", "初二", "初三", "高一", "高二", "高三", "其它"],
-        secFilterData: ["上册", "下册"],
+        secNum:0,
+        filterData: ["全部","幼儿园", "一年级", "二年级", "三年级", "四年级", "五年级", "六年级", "初一", "初二", "初三", "高一", "高二", "高三", "其它"],
+        secFilterData: ["全部","上册", "下册"],
         courseDetail: [
           {
             id: 'base_1',
@@ -163,12 +162,26 @@
 
       }
     },
-    mounted() {
-        
+    mounted(){
+      
     },
     methods: {
+      //年级选择
+      gradeChoose(index){
+        this.num = index;
+        // 网络请求二级数据
 
-  },
+      },
+      //学科选择
+      secChoose(index) {
+        this.secNum = index;
+      },
+      //移步详情页
+      toDetail(row, index) {
+        console.log("111")
+      }
+
+    },
   
   }
 </script>
@@ -292,6 +305,7 @@
             text-align: center;
             color: #949494;
             margin-right: 2%;
+            cursor: pointer;
           }
         }
       }
@@ -380,7 +394,7 @@
   background: #DCF1FF;
   border-radius: 6px;
   color: #00a3ff!important;
-  padding: 0 5px;
+  padding: 5px;
 }
 .paganationPage{
   .el-pagination {

src/router/index.js

@@ -46,12 +46,12 @@ export default createRouter({
 		},
     {
       path: '/resource',
-      title:'首页',
+      title:'资源',
       component: () => import("~/pages/courseResources.vue"),
     },
     {
       path: '/resourceAll',
-      title:'首页',
+      title:'全部资源',
       component: () => import("~/pages/courseResourcesAll.vue"),
     },
 		{