修改搜索问题

src/components/learnCenter/Course.vue

@@ -156,7 +156,6 @@ export default {
         overflow: hidden;
         font-size: 14px;
         color: #2c2c2c;
-        padding-left: 5px;
       }
       .price {
         margin-top: 8px;
@@ -178,7 +177,7 @@ export default {
         width: 100%;
         height: 144px;
         border: 1px solid rgba(0, 0, 0, 0.15);
-
+        box-sizing: border-box;
         img {
           max-width: 100%;
           max-height: 100%;

src/components/learnCenter/HeaderOne.vue

@@ -4,9 +4,16 @@
       <span class="befor" @click="gohome">
         <img src="../../assets/learncenter/Frame3.png" alt="" />
       </span>
+      <span v-if="classilfyID"> > </span>
+      <span
+        v-if="classilfyID"
+        v-text="classilfyID == 'TEXTBOOK' ? '教材' : '教学'"
+        @click="back"
+      ></span>
       <span class="arrows" v-if="title"> > </span>
       <span @click="back" class="text">{{ title }}</span>
       <!-- <span class="text" v-if="type"> TEXTBOOK </span> -->
+
       <span class="arrows" v-if="text"> > </span>
       <span class="text" v-if="text">{{ name }}</span>
     </div>
@@ -41,7 +48,15 @@
 export default {
   //import引入的组件需要注入到对象中才能使用
   components: {},
-  props: ["type", "text", "title", "keycode", "changeKeycode", "name"],
+  props: [
+    "type",
+    "text",
+    "title",
+    "keycode",
+    "changeKeycode",
+    "name",
+    "classilfyID",
+  ],
   data() {
     //这里存放数据
     return {
@@ -68,8 +83,8 @@ export default {
     keyDownSeekData(e) {
       if (e.keyCode == 13) {
         this.gotoSeekResult();
-      }else{
-        return
+      } else {
+        return;
       }
     },
 

src/components/learnCenter/Textbook.vue

@@ -151,7 +151,6 @@ export default {
         overflow: hidden;
         font-size: 14px;
         color: #2c2c2c;
-        padding-left: 5px;
       }
       .price {
         margin-top: 8px;
@@ -173,6 +172,7 @@ export default {
         width: 100%;
         height: 256px;
         border: 1px solid rgba(0, 0, 0, 0.15);
+        box-sizing: border-box;
         img {
           max-width: 100%;
           max-height: 100%;

src/views/learn-center/Seekresult.vue

@@ -11,13 +11,14 @@
       :changeKeycode="changeKeycode"
       :keycode="keycode"
       title="搜索结果"
+      :classilfyID="classilfyID"
     />
     <!-- <div class="top">
       <div class="title">SEARCH RESULT</div>
     </div> -->
     <div class="main">
       <!-- 搜索结果分类 -->
-      <!-- <div class="classilfy">
+      <div class="classilfy">
         <div
           v-for="(item, i) in classilfyList"
           :key="i + item"
@@ -26,7 +27,7 @@
         >
           {{ item }}
         </div>
-      </div> -->
+      </div>
       <template v-if="dataList.total_count != 0">
         <div class="class_list" v-if="dataList">
           <!-- 根据课程和教材进行分别传值 -->
@@ -130,6 +131,7 @@ export default {
       loading: false,
       classilfyList: ["课程", "教材"],
       classilfyIndex: 0,
+      classilfyID: null,
     };
   },
   computed: {
@@ -231,14 +233,15 @@ export default {
   },
   created() {
     this.keycode = this.$route.query.keycode;
+    this.classilfyID = this.$route.query.id;
     // classilfyIndex
-    if (this.$route.query.id == "COURSE") {
-      this.classilfyIndex = 0;
-      this.getData("课程");
-    } else {
-      this.getData("教材");
-      this.classilfyIndex = 1;
-    }
+    // if (this.$route.query.id == "COURSE") {
+    this.classilfyIndex = 0;
+    this.getData("课程");
+    // } else {
+    //   this.getData("教材");
+    //   this.classilfyIndex = 1;
+    // }
   },
 };
 </script>

src/views/learn-center/index.vue

@@ -20,7 +20,7 @@
         <!-- <el-menu-item index="LIVE LESSON">LIVE LESSON</el-menu-item>
         <el-menu-item index="VIDEO COURSE">VIDEO COURSE</el-menu-item> -->
       </el-menu>
-      <!-- <div class="seek" @keydown="keyDownSeekData">
+      <div class="seek" @keydown="keyDownSeekData">
         <el-input
           v-model="SeekName"
           style="width: 300px"
@@ -32,7 +32,7 @@
           src="../../assets/learncenter/Group2149.png"
           alt=""
         />
-      </div> -->
+      </div>
     </div>
     <!-- 主要信息列表 -->
     <div class="main" v-loading="loading">