章节

src/components/CourseType.vue

@@ -15,16 +15,16 @@
             <div class="courseCover"> <img :src="item.img" alt=""></div>
             <p>{{item.title}}</p>
             <div class="evalStar">
-              <img src="../assets/stars.png" v-for="(item,index) in item.starNum" :key="index">
+              <img src="../assets/kczy/stars.png" v-for="(item,index) in item.starNum" :key="index">
             </div>
             <!-- positing -->
             <div class="dataShow">
               <div class="baseInfoPart">
-                <img src="../assets/cellectIcon.png" alt="">
+                <img src="../assets/kczy/cellectIcon.png" alt="">
                 <span>{{item.collectNum}}</span>
               </div>
               <div class="baseInfoPart">
-                <img src="../assets/fingerIcon.png" alt="">
+                <img src="../assets/kczy/fingerIcon.png" alt="">
                 <span>{{item.zanNum}}</span>
               </div>
             </div>

src/pages/courseResources.vue

@@ -7,7 +7,7 @@
         <div class="searchValue">
           <input type="text" placeholder="搜索关键字" v-model="searchKey" >
           <div class="searchBtn">
-            <img src="../assets/searchIcon.png" alt="">
+            <img src="../assets/kczt/searchIcon.png" alt="">
           </div>
         </div>
         <div class="littleTab">
@@ -47,7 +47,7 @@
           courseDetail: [
             {
               id: 'base_1',
-              img: 'src/assets/singlePic1.png',
+              img: 'src/assets/kczy/singlePic1.png',
               title: '野天鹅',
               starNum: 5,
               collectNum: '10w+',
@@ -55,7 +55,7 @@
             },
             {
               id:'base_2',
-              img: 'src/assets/singlePic2.png',
+              img: 'src/assets/kczy/singlePic2.png',
               title: '安徒生世界插画',
               starNum: 5,
               collectNum: '10w+',
@@ -63,7 +63,7 @@
             },
             {
               id:'base_3',
-              img: 'src/assets/singlePic3.png',
+              img: 'src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 5,
               collectNum: '10w+',
@@ -78,42 +78,42 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: 'src/assets/singlePic4.png',
+              img: 'src/assets/kczy/singlePic4.png',
               title: '书中花园',
               starNum: 5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic5.png',
+              img: 'src/assets/kczy/singlePic5.png',
               title: '拇指姑娘',
               starNum: 4,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic3.png',
+              img: 'src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic2.png',
+              img: 'src/assets/kczy/singlePic2.png',
               title: '安徒生世界插画',
               starNum: 1,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic1.png',
+              img: 'src/assets/kczy/singlePic1.png',
               title: '野天鹅',
               starNum: 5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic5.png',
+              img: 'src/assets/kczy/singlePic5.png',
               title: '拇指姑娘',
               starNum: 5,
                collectNum: '10w+',
@@ -128,42 +128,42 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: 'src/assets/singlePic4.png',
+              img: 'src/assets/kczy/singlePic4.png',
               title: '书中花园',
               starNum:5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic5.png',
+              img: 'src/assets/kczy/singlePic5.png',
               title: '拇指姑娘',
               starNum: 4,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic3.png',
+              img: 'src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic2.png',
+              img: 'src/assets/kczy/singlePic2.png',
               title: '安徒生世界插画',
               starNum:1,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic1.png',
+              img: 'src/assets/kczy/singlePic1.png',
               title: '野天鹅',
               starNum: 5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic5.png',
+              img: 'src/assets/kczy/singlePic5.png',
               title: '拇指姑娘',
               starNum: 5,
                collectNum: '10w+',
@@ -178,7 +178,7 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: 'src/assets/singlePic3.png',
+              img: 'src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 3,
                collectNum: '10w+',
@@ -193,14 +193,14 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: 'src/assets/singlePic3.png',
+              img: 'src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic4.png',
+              img: 'src/assets/kczy/singlePic4.png',
               title: '书中花园',
               starNum:5,
                collectNum: '10w+',
@@ -215,42 +215,42 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: 'src/assets/singlePic4.png',
+              img: 'src/assets/kczy/singlePic4.png',
               title: '书中花园',
               starNum:5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic5.png',
+              img: 'src/assets/kczy/singlePic5.png',
               title: '拇指姑娘',
               starNum: 4,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic3.png',
+              img: 'src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic2.png',
+              img: 'src/assets/kczy/singlePic2.png',
               title: '安徒生世界插画',
               starNum:1,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic1.png',
+              img: 'src/assets/kczy/singlePic1.png',
               title: '野天鹅',
               starNum: 5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: 'src/assets/singlePic5.png',
+              img: 'src/assets/kczy/singlePic5.png',
               title: '拇指姑娘',
               starNum: 5,
                collectNum: '10w+',
@@ -258,22 +258,17 @@
             }
           ]
         },
-
-
       }
     },
     mounted() {
         
     },
-    methods: {
+  methods: {
+      //暂时注释掉
       switchTab(index) {
         this.num = index;
       },
-      //详情页
-      toDetail(transParams) {
-        console.log(transParams);
-      },
-      //全部-基础课程
+      //全部-查看更多
       baseCourseAll(markLable) {
         switch (markLable) {
           case 'baseCourse':
@@ -283,8 +278,12 @@
             this.$router.push('/resourceAll');
           
         }
-        console.log(markLable,"999")
-      }
+      },
+      //详情页
+      toDetail(transParams) {
+        console.log(transParams);
+
+      },
 
   },
   component: {
@@ -297,7 +296,7 @@
 .courseResources{
   width:100%;
   min-height: 1650px;
-  background: url("../assets/sourceBg.png") no-repeat left top;
+  background: url("../assets/kczy/sourceBg.png") no-repeat left top;
   background-size: 100%;
   .courseResourcesCont{
     width: 1280px;

src/pages/courseResourcesAll.vue

@@ -15,7 +15,7 @@
         <div class="searchValue">
           <input type="text" placeholder="搜索关键字" v-model="searchKey" >
           <div class="searchBtn">
-            <img src="../assets/searchIcon.png" alt="">
+            <img src="../assets/kczy/searchIcon.png" alt="">
           </div>
         </div>
       </div>
@@ -44,16 +44,16 @@
             <div class="courseCover"> <img :src="item.img" alt=""></div>
             <p>{{item.title}}</p>
             <div class="evalStar">
-              <img src="../assets/stars.png" v-for="(item,index) in item.starNum" :key="index">
+              <img src="../assets/kczy/stars.png" v-for="(item,index) in item.starNum" :key="index">
             </div>
             <!-- positing -->
             <div class="dataShow">
               <div class="baseInfoPart">
-                <img src="../assets/cellectIcon.png" alt="">
+                <img src="../assets/kczy/cellectIcon.png" alt="">
                 <span>{{item.collectNum}}</span>
               </div>
               <div class="baseInfoPart">
-                <img src="../assets/fingerIcon.png" alt="">
+                <img src="../assets/kczy/fingerIcon.png" alt="">
                 <span>{{item.zanNum}}</span>
               </div>
             </div>
@@ -79,7 +79,7 @@
         courseDetail: [
           {
             id: 'base_1',
-            img: 'src/assets/singlePic1.png',
+            img: 'src/assets/kczy/singlePic1.png',
             title: '野天鹅',
             starNum: 5,
             collectNum: '10w+',
@@ -87,7 +87,7 @@
           },
           {
             id:'base_2',
-            img: 'src/assets/singlePic2.png',
+            img: 'src/assets/kczy/singlePic2.png',
             title: '安徒生世界插画',
             starNum: 5,
             collectNum: '10w+',
@@ -95,7 +95,7 @@
           },
           {
             id:'base_3',
-            img: 'src/assets/singlePic3.png',
+            img: 'src/assets/kczy/singlePic3.png',
             title: '传送门',
             starNum: 5,
             collectNum: '10w+',
@@ -103,7 +103,7 @@
           },
           {
             id: 'base_1',
-            img: 'src/assets/singlePic1.png',
+            img: 'src/assets/kczy/singlePic1.png',
             title: '野天鹅',
             starNum: 5,
             collectNum: '10w+',
@@ -111,7 +111,7 @@
           },
           {
             id:'base_2',
-            img: 'src/assets/singlePic2.png',
+            img: 'src/assets/kczy/singlePic2.png',
             title: '安徒生世界插画',
             starNum: 5,
             collectNum: '10w+',
@@ -119,7 +119,7 @@
           },
           {
             id: 'base_1',
-            img: 'src/assets/singlePic1.png',
+            img: 'src/assets/kczy/singlePic1.png',
             title: '野天鹅',
             starNum: 5,
             collectNum: '10w+',
@@ -127,7 +127,7 @@
           },
           {
             id:'base_2',
-            img: 'src/assets/singlePic2.png',
+            img: 'src/assets/kczy/singlePic2.png',
             title: '安徒生世界插画',
             starNum: 5,
             collectNum: '10w+',
@@ -135,7 +135,7 @@
           },
           {
             id:'base_3',
-            img: 'src/assets/singlePic3.png',
+            img: 'src/assets/kczy/singlePic3.png',
             title: '传送门',
             starNum: 5,
             collectNum: '10w+',
@@ -143,7 +143,7 @@
           },
           {
             id: 'base_1',
-            img: 'src/assets/singlePic1.png',
+            img: 'src/assets/kczy/singlePic1.png',
             title: '野天鹅',
             starNum: 5,
             collectNum: '10w+',
@@ -151,7 +151,7 @@
           },
           {
             id:'base_2',
-            img: 'src/assets/singlePic2.png',
+            img: 'src/assets/kczy/singlePic2.png',
             title: '安徒生世界插画',
             starNum: 5,
             collectNum: '10w+',
@@ -178,7 +178,7 @@
       },
       //移步详情页
       toDetail(row, index) {
-        console.log("111")
+        this.$router.push('/resourceChapter');
       }
 
     },
@@ -187,52 +187,17 @@
 </script>
 
 <style scoped lang="scss">
-.common100{
-  width: 100%;
-}
-.common1280{
-  width:1280px;
-  margin: 0 auto;
-}
+@import "../styles/common_resource.scss";
 .courseResources{
   margin:0;
   padding:0;
   width:100%;
   min-height: 1650px;
   
-   .likeBread{
-    width:1280px;
-    margin:20px auto;
-    display: flex;
-      .likeBread_left{
-        width: 100px;
-        height: 25px;
-        line-height: 25px;
-        font-size: 18px;
-        font-weight: bold;
-        text-align: center;
-        color: #050026;
-        border-right:1px solid #949494;
-      }
-      .likeBread_right{
-        flex:1;
-        height: 25px;
-        line-height: 25px;
-        box-sizing: border-box;
-        padding-left:5px;
-        font-size: 14px;
-        font-weight: 420;
-        text-align: left;
-        color: #949494;
-        span:last-child{
-          color:#000000!important;
-        }
-      }
-    }
     .widthBg{
       width:100%;
       height: 200px;
-      background: url("../assets/sourceBg2.png") no-repeat left top;
+      background: url("../assets/kczy/sourceBg2.png") no-repeat left top;
       background-size: 100% 100%;
     }
     .baseTop{
@@ -312,6 +277,7 @@
 
     }
 }
+
 .allDetailCourse{
     margin-top: 30px;
     display: flex;

src/router/index.js

@@ -90,7 +90,12 @@ export default createRouter({
 					]
 				}
 			]
-		},
+    },
+    {
+      path: '/resourceChapter',
+      title:'课程资源章节',
+      component: () => import("~/pages/courseResourcesChapter.vue"),
+    },
 	]
 
 })

src/styles/common_resource.scss

@@ -0,0 +1,39 @@
+.common100{
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+.common1280{
+  width:1280px;
+  margin: 0 auto;
+}
+.likeBread{
+  width:1280px;
+  margin:20px auto;
+  display: flex;
+    .likeBread_left{
+      height: 25px;
+      line-height: 25px;
+      font-size: 18px;
+      font-weight: bold;
+      text-align: center;
+      color: #050026;
+      box-sizing: border-box;
+      padding-right: 5px;
+      border-right:1px solid #949494;
+    }
+    .likeBread_right{
+      flex:1;
+      height: 25px;
+      line-height: 25px;
+      box-sizing: border-box;
+      padding-left:5px;
+      font-size: 14px;
+      font-weight: 420;
+      text-align: left;
+      color: #949494;
+      span:last-child{
+        color:#000000!important;
+      }
+    }
+  }