nav detail update

This commit is contained in:
2023-12-27 23:37:33 +08:00
parent ca62bed9a0
commit 78eb84b2b8
7 changed files with 129 additions and 219 deletions

View File

@@ -15,9 +15,9 @@
<span class="title">热搜榜</span>
<!-- <span class="clear" @click="clearHistory" v-show="isShowClearHistory"><i class="el-icon-circle-close"></i>清空</span>-->
</div>
<div v-if="hotSearchKeyWords.length!==0" v-show="isShowClearHistory">
<div v-if="hotSearchKeyWords" v-show="isShowClearHistory">
<el-tag
:v-if="hotSearchKeyWords.length!==0"
:v-if="hotSearchKeyWords"
v-for="(tag,index) in hotSearchKeyWords"
:key="index"
size="small"
@@ -27,8 +27,8 @@
{{ tag }}
</el-tag>
</div>
<div v-if="hotSearchKeyWords.length===0" v-show="isShowClearHistory">
<span v-show="searchResults.length===0" >暂无搜索结果...</span>
<div v-if="!hotSearchKeyWords" v-show="isShowClearHistory">
<span v-show="!searchResults" >暂无搜索结果...</span>
</div>
<div
v-show="!isShowClearHistory">
@@ -41,9 +41,9 @@
<span class="title">搜索历史</span>
<!-- <span class="clear" v-show="isShowClearHistory"><i class="el-icon-circle-close"></i>清空</span>-->
</div>
<div v-if="historySearch.length!==0" v-show="isShowClearHistory">
<div v-if="historySearch" v-show="isShowClearHistory">
<el-tag
:v-if="historySearch.length!==0"
:v-if="historySearch"
v-for="(tag,index) in historySearch"
:key="index"
size="small"
@@ -55,8 +55,8 @@
{{ tag }}
</el-tag>
</div>
<div v-if="historySearch.length===0" v-show="isShowClearHistory">
<span v-show="searchResults.length===0" >暂无搜索结果...</span>
<div v-if="!historySearch" v-show="isShowClearHistory">
<span v-show="!searchResults" >暂无搜索结果...</span>
</div>
<div
v-show="!isShowClearHistory">
@@ -70,12 +70,12 @@
<span class="clear" @click="clearSearchResults"><i class="el-icon-circle-close"></i>清空</span>
</div>
<div style="max-height: 300px;overflow-y: scroll">
<el-scrollbar v-show="searchResults.length!==0">
<el-scrollbar v-show="searchResults">
<div v-for="(item,index) in searchResults" :key="index">
<SearchResults :search-results="item"></SearchResults>
</div>
</el-scrollbar>
<span v-show="searchResults.length===0" >暂无搜索结果...</span>
<span v-show="!searchResults" >暂无搜索结果...</span>
</div>
</div>