a1300399510@qq.com 提交于 2023/04/03 -15:40:01
This commit is contained in:
parent
9ac4fd3516
commit
5d09f6c635
BIN
src/assets/img/icon/@eaDir/empty.png/SYNOFILE_THUMB_M.png
Executable file
BIN
src/assets/img/icon/@eaDir/empty.png/SYNOFILE_THUMB_M.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
src/assets/img/icon/empty.png
Executable file
BIN
src/assets/img/icon/empty.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
@ -1,11 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<mask fill="white" id="clip71">
|
||||
<path d="M 37 174 C 28.12 174 21 166.88 21 158 L 21 158 C 21 149.12 28.12 142 37 142 L 37 142 C 45.88 142 53 149.12 53 158 L 53 158 C 53 166.88 45.88 174 37 174 " fill-rule="evenodd" />
|
||||
</mask>
|
||||
</defs>
|
||||
<g transform="matrix(1 0 0 1 -21 -142 )">
|
||||
<image preserveAspectRatio="none" style="overflow:visible" width="32" height="32" xlink:href="data:image/png;base64,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" x="21px" y="142px" mask="url(#clip71)" />
|
||||
</g>
|
||||
</svg>
|
||||
@ -4,8 +4,9 @@
|
||||
<div class="search-input-box flexacenter">
|
||||
<div class="search-input flexacenter">
|
||||
<img class="search-input-icon" src="@/assets/img/headerNav/search.png">
|
||||
<input class="search-input-input flex1" placeholder="请输入搜索关键词" v-model="kw" />
|
||||
<img class="search-input-cross" src="@/assets/img/icon/clear.png">
|
||||
<input class="search-input-input flex1" @keyup.enter="getSearchResult()" placeholder="请输入搜索关键词"
|
||||
v-model="kw" />
|
||||
<img class="search-input-cross" @click.stop="emptyKw()" src="@/assets/img/icon/clear.png">
|
||||
</div>
|
||||
|
||||
<div class="search-input-cancel" @click.stop="handCancel">取消</div>
|
||||
@ -13,9 +14,8 @@
|
||||
|
||||
<!-- 结果数量 -->
|
||||
<div class="numberResults flexacenter">大约找到 <div class="number">{{ count }}</div> 条结果</div>
|
||||
<el-loading-spinner></el-loading-spinner>
|
||||
|
||||
<div class="result-box flexacenter">
|
||||
<div class="result-box flexacenter" v-if="false">
|
||||
<div class="result-item flexflex" v-for="(item, index) in list" :key="index">
|
||||
<div class="result-header one-line">
|
||||
<div class="result-label">{{ item.forum }}</div>
|
||||
@ -23,20 +23,13 @@
|
||||
</div>
|
||||
|
||||
<div class="result-content two-lines">
|
||||
<!-- <template v-if="index != 0"> -->
|
||||
{{ item.message }}
|
||||
<!-- </template> -->
|
||||
|
||||
<!-- <div v-else class="reply-visible flexcenter">
|
||||
回复可见
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="result-info flexacenter flex1">
|
||||
<div class="user-info flexacenter">
|
||||
<img class="icon-head" :src="item.avatar">
|
||||
<!-- <svg-icon icon-class="test-head" class-name="icon-head"></svg-icon> -->
|
||||
<div class="user-name">{{ item.author }}</div>
|
||||
</div>
|
||||
<div class="item-data flexacenter">
|
||||
@ -59,10 +52,13 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="paging flexcenter">
|
||||
<div class="result-empty-box flexcenter shadow">
|
||||
<img class="result-empty-icon" src="@/assets/img/icon/empty.png">
|
||||
</div>
|
||||
|
||||
<div v-if="list.length != 0" class="paging flexcenter">
|
||||
<el-pagination small background layout="prev, pager, next" @current-change="currentChange"
|
||||
:current-page.sync="page" :page-size="limit" :total="count">
|
||||
</el-pagination>
|
||||
@ -92,10 +88,16 @@ export default {
|
||||
|
||||
mounted() {
|
||||
this.kw = this.$route.query.kw
|
||||
|
||||
this.getSearchResult()
|
||||
},
|
||||
|
||||
watch: {
|
||||
searchResultState(val, oldval) {
|
||||
if (val) this.startupUnderLoading()
|
||||
else this.closeUnderLoading()
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
// 处理点击取消的返回上一页
|
||||
@ -107,7 +109,6 @@ export default {
|
||||
|
||||
// 获取搜索结果数据
|
||||
getSearchResult() {
|
||||
this.startupUnderLoading()
|
||||
if (this.searchResultState) return
|
||||
this.searchResultState = true
|
||||
this.$http.post("/api/search", {
|
||||
@ -146,6 +147,12 @@ export default {
|
||||
this.loading.close();
|
||||
},
|
||||
|
||||
|
||||
// 点击清空 input 的值
|
||||
emptyKw() {
|
||||
this.kw = ""
|
||||
},
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -324,5 +331,18 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.result-empty-box {
|
||||
height: 70vh;
|
||||
width: 9.36rem;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
border-radius: 0.32rem;
|
||||
|
||||
.result-empty-icon {
|
||||
width: 2.04rem;
|
||||
height: 2.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user