A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/04/03 -14:40:01

Browse Source
This commit is contained in:
XiaoMo 2023-04-03 14:40:12 +08:00
parent f16695ec50
commit 44a2782936
1 changed files with 36 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/views/search/searchResult/SearchResult.vue
View File

@ -12,18 +12,18 @@
</div> </div>
<!-- 结果数量 --> <!-- 结果数量 -->
<div class="numberResults flexacenter">大约找到 <div class="number">{{ 800 }}</div> 条结果</div> <div class="numberResults flexacenter">大约找到 <div class="number">{{ total }}</div> 条结果</div>
<div class="result-box flexacenter"> <div class="result-box flexacenter">
<div class="result-item flexflex" v-for="item in 3" :key="item"> <div class="result-item flexflex" v-for="(item, index) in list" :key="index">
<div class="result-header one-line"> <div class="result-header one-line">
<div class="result-label">租房租房租房</div> <div class="result-label">租房租房租房</div>
<div class="result-title">诚招室友一起合租香港大学附近房子 女生</div> <div class="result-title">诚招室友一起合租香港大学附近房子 女生</div>
</div> </div>
<div class="result-content two-lines flex1"> <div class="result-content two-lines">
<template v-if="item == 1"> <template v-if="index != 0">
香港理工大学附近求租房，红磡何文田或黄埔附近最好 {{ item.message }}
</template> </template>
<div v-else class="reply-visible flexcenter"> <div v-else class="reply-visible flexcenter">
@ -32,19 +32,19 @@
</div> </div>
<div class="result-info flexacenter"> <div class="result-info flexacenter flex1">
<div class="user-info flexacenter"> <div class="user-info flexacenter">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon> <svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="user-name">匿名用户</div> <div class="user-name">{{ item.author }}</div>
</div> </div>
<div class="item-data flexacenter"> <div class="item-data flexacenter">
<div class="item-data-item flexacenter"> <div class="item-data-item flexacenter">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon> <svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div> <div>{{ item.views }}</div>
</div> </div>
<div class="item-data-item flexacenter"> <div class="item-data-item flexacenter">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon> <svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div> <div>{{ item.replies }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -73,7 +73,14 @@ export default {
name: "SearchResult", name: "SearchResult",
data() { data() {
return { return {
kw: "" kw: "",
count: 0,
limit: 50,
nextpage: true,
page: 0,
total: 0,
list: []
} }
}, },
components: { components: {
@ -82,6 +89,8 @@ export default {
mounted() { mounted() {
this.kw = this.$route.query.kw this.kw = this.$route.query.kw
this.getSearchResult()
}, },
@ -92,6 +101,21 @@ export default {
if (this.$route.params.page > 1) this.$router.go(-1) if (this.$route.params.page > 1) this.$router.go(-1)
else this.$router.push('/recommend') else this.$router.push('/recommend')
}, },
// 获取搜索结果数据
getSearchResult() {
this.$http.post("/api/search", {
keyword: this.kw,
page: this.page
}).then(res => {
console.log(res, "res");
let data = res.data
this.list = data.data
this.total = data.total
this.nextpage = data.nextpage
})
},
}, },
} }
</script> </script>
@ -197,6 +221,7 @@ export default {
line-height: .52rem; line-height: .52rem;
font-size: .3rem; font-size: .3rem;
color: #7f7f7f; color: #7f7f7f;
height: 1.04rem;
} }
.reply-visible { .reply-visible {
@ -206,6 +231,7 @@ export default {
} }
.result-info { .result-info {
align-items: self-end;
justify-content: space-between; justify-content: space-between;