XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

历史搜索-删除还没完成

Browse Source
This commit is contained in:
A1300399510
2023-08-08 19:07:01 +08:00
parent 9d8e258310
commit e417f5c84e
4 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/apartment/seachModule.vue
View File

@@ -18,8 +18,8 @@
popper-style="background: transparent;padding:0;box-shadow: none;border: none;transform: translateX(50px);">
<template #reference>
<el-input class="search-input" v-model="pitchValue['keyword']" placeholder="搜索房源或输入房源ID"
@keyup.enter='handleKeyword(pitchValue["keyword"])'
style="height:48px;width:460px;" maxlength="15"></el-input>
@keyup.enter='handleKeyword(pitchValue["keyword"])' style="height:48px;width:460px;"
maxlength="15"></el-input>
</template>
<div class="dis-f al-item pos-r">
<div class="seach-hiosory-box scrollbar">
@@ -27,8 +27,11 @@
<div v-if="historyArr.length != 0" style="margin-bottom: 30px;">
<div class="title">历史搜索</div>
<div class="info-box">
<div v-for="(item, i) in historyArr" :key="i" class="btn"
@click="handleKeyword(item)">{{ item }}
<div :class="flexacenter" v-for="(item, i) in historyArr" :key="i"
class="btn" @click="handleKeyword(item)">{{ item }}
<img class="btn-icon" src="../../assets/homeImage/closeIcon.svg"
@click.stop="deleteSeachVal(i)" alt="">
<img>
</div>
</div>
</div>
@@ -392,11 +395,6 @@ const selectOption = (type, value) => {
background: rgba(241, 245, 247, 1);
}
.location-box {
width: 80px;
height: 40px;
@@ -739,6 +737,10 @@ const selectOption = (type, value) => {
margin: 20px 30px 0 0;
cursor: pointer;
word-break: break-word;
.btn-icon {
margin-left: 5px;
}
}
}
}