gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

历史搜索框添加滚动条

Browse Source
This commit is contained in:
luJianJun 2023-08-07 14:52:53 +08:00
parent e2e583532d
commit 6e67e1dfd4
1 changed files with 26 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/seachModule/seachModule.vue
View File

@ -20,30 +20,32 @@
搜索
</div>
<div class="seach-hiosory-box" :class="{ 'seach-history-h': historyShow }">
<div class="seach-history-info">
<div>
<div class="title">
历史搜索
<el-scrollbar height="375px">
<div class="seach-history-info">
<div>
<div class="title">
历史搜索
</div>
<div class="info-box">
<div v-for="(item, i) in historyArr.data" :key="i" class="btn"
@click="setSeachVal(item)">
{{ item }}
</div>
</div>
</div>
<div class="info-box">
<div v-for="(item, i) in historyArr.data" :key="i" class="btn"
@click="setSeachVal(item)">
{{ item }}
<div style="margin-top:30px;">
<div class="title">
热门推荐
</div>
<div class="info-box">
<div v-for="(item, i) in hotArr.data" :key="i" class="btn"
@click="setHotSeach(item)">
{{ item }}
</div>
</div>
</div>
</div>
<div style="margin-top:30px;">
<div class="title">
热门推荐
</div>
<div class="info-box">
<div v-for="(item, i) in hotArr.data" :key="i" class="btn"
@click="setHotSeach(item)">
{{ item }}
</div>
</div>
</div>
</div>
</el-scrollbar>
</div>
</div>
<!-- <div class="tool-btn dis-f jus-x al-item map-btn">
@ -185,9 +187,9 @@ let seachList = (item) => {
}
//设置点击一级区域
let setLocation=(type,data)=>{
let setLocation = (type, data) => {
seachAllType[type] = data
seachAllType['school']=''
seachAllType['school'] = ''
}
//设置搜索数据
@ -401,6 +403,8 @@ defineExpose({
.btn {
margin: 20px 30px 0 0;
cursor: pointer;
word-wrap: break-word;
max-width: 100%;
}
}
}