XiaoMo/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
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>
<div class="seach-hiosory-box" :class="{ 'seach-history-h': historyShow }"> <div class="seach-hiosory-box" :class="{ 'seach-history-h': historyShow }">
<div class="seach-history-info"> <el-scrollbar height="375px">
<div> <div class="seach-history-info">
<div class="title"> <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>
<div class="info-box"> <div style="margin-top:30px;">
<div v-for="(item, i) in historyArr.data" :key="i" class="btn" <div class="title">
@click="setSeachVal(item)"> 热门推荐
{{ item }} </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>
</div> </div>
<div style="margin-top:30px;"> </el-scrollbar>
<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> </div>
</div> </div>
<!-- <div class="tool-btn dis-f jus-x al-item map-btn"> <!-- <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[type] = data
seachAllType['school']='' seachAllType['school'] = ''
} }
//设置搜索数据 //设置搜索数据
@@ -401,6 +403,8 @@ defineExpose({
.btn { .btn {
margin: 20px 30px 0 0; margin: 20px 30px 0 0;
cursor: pointer; cursor: pointer;
word-wrap: break-word;
max-width: 100%;
} }
} }
} }