update search

src/api/search.js

@@ -8,15 +8,15 @@ const searchApi = {
 
 // 关键词建议
 export function keywordSuggest(keyword) {
-  return get(searchApi.keywordSuggestApi + '?k=' + keyword)
+  return get(searchApi.keywordSuggestApi + '?keyword=' + keyword)
 }
 
-// 视频搜索
+// 搜索关键词
 export function videoQuery(keyword, pageNumber) {
   return get(searchApi.videoSearchApi + '?keyword=' + keyword + '&pageNumber=' + pageNumber)
 }
 
-// 视频热门搜索
+// 热门搜索关键词列表
 export function hotKeyword() {
   return get(searchApi.hotSearchApi)
 }

src/components/card/HotSearch.vue

@@ -5,14 +5,14 @@
       <span>热搜排行</span>
     </div>
     <div
-      v-for="(video, index) in videos"
+      v-for="(search, index) in dataList"
       :key="index"
-      :title="video.vname"
+      :title="search.keyword"
       class="item"
     >
       <div :class="rank(index + 1)">{{ index + 1 }}</div>
-      <router-link target="_blank" :to="`/video/vlrQvVnAlJ`">
-        {{ video.vname }}
+      <router-link target="_blank" :to="`/search?keyword=${search.keyword}&pageNumber=1`">
+        {{ search.keyword }}
       </router-link>
     </div>
   </el-card>
@@ -25,7 +25,7 @@ export default {
   name: 'HotSearch',
   data() {
     return {
-      videos: []
+      dataList: []
     }
   },
   computed: {
@@ -51,76 +51,10 @@ export default {
   created() {
     hotKeyword().then(res => {
       if (res.code === 0) {
-        console.log(res.data)
+        this.dataList = res.data
       } else {
       }
     })
-    this.videos = [
-      {
-        vname: '大奶',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '少妇',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: 'c罩杯',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '骚货',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '白虎',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '学生',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '偷拍',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '洗澡',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '约炮',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      },
-      {
-        vname: '做爱',
-        coverurl: 'https://picx.zhimg.com/v2-ea15e9203a1d95a465a78da043a9315d_xl.jpg',
-        releasetime: '2023-04-24 16:47:00',
-        visited: 10
-      }
-    ]
-
-    /* getHotTen().then((res) => {
-      this.videos = res
-    })*/
   },
   methods: {}
 }

src/components/layout/SearchBox.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { hotKeyword, keywordSuggest } from '@/api/search'
+import { keywordSuggest } from '@/api/search'
 
 export default {
   name: 'SearchBox',
@@ -34,12 +34,6 @@ export default {
     }
   },
   created() {
-    /*hotKeyword().then(res => {
-      if (res.code === 0) {
-        console.log(res.data)
-      } else {
-      }
-    })*/
   },
   methods: {
     // 重点：当框中的改变时触发该方法，elementui自动设置了防抖，参见debounce属性
@@ -49,29 +43,23 @@ export default {
         return
       }
 
-      keywordSuggest(queryString).then(res => {
-        if (res.code === 0) {
-          this.restaurants = res.data.map((item) => {
-            return {
-              value: item
-            }
-          })
-          cb(this.restaurants)
-        } else {
-        }
-      })
-      /*setTimeout(() => {
-        // cb函数如果返回一个空数组的话，那个模糊搜索输入建议的下拉选项因为length为0就会消失了
-        // cb([])
-        cb(keywordSuggest(this.keyword).then(res => {
+      setTimeout(() => {
+        keywordSuggest(queryString).then(res => {
           if (res.code === 0) {
-            console.log(res.data)
-            return res.data
+            this.restaurants = res.data.map((item) => {
+              return {
+                value: item.keyword,
+                rank: 1
+              }
+            })
+
+            // 如果 cb 返回一个空数组, 那么模糊搜索输入建议的下拉选项会因为 length 为 0 而消失
+            // cb([])
+            cb(this.restaurants)
           } else {
-            return ['哈1', '哈2', '哈3', '哈4', '哈5']
           }
-        }));
-      }, 500);*/
+        })
+      }, 500);
     },
     // select 事件或 enter 键事件
     onSearch() {

src/views/home/Search.vue

@@ -82,6 +82,7 @@ export default {
           pageNumber: currentPage
         }
       })
+      this.$router.go(0)
     },
     videoQueryWrapper(keyword, pageNumber) {
       videoQuery(keyword, pageNumber)