gter.net/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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/apartmentDetail/apartmentDetail-header-bj.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/img/apartmentDetail/apartmentDetail-header-bj.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 62 KiB

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;
}
}
}
}

5
src/views/apartmentDetail.vue
View File

@ -72,8 +72,8 @@
</div>
</div>
<div class="header-right flex1">
<img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.png">
<img class="header-shade" src="@/assets/img/apartmentDetail/apartmentDetail-header-shade.svg">
<img class="header-bj" src="@/assets/img/apartmentDetail/apartmentDetail-header-bj.jpg">
<!-- <img class="header-shade" src="@/assets/img/apartmentDetail/apartmentDetail-header-shade.svg"> -->
<div class="tab-box flexflex" v-if="info['tags'] && info['tags'].length != 0">
<div class="tab-item wordbreak flexcenter" v-for="item in info['tags']">{{ item }}</div>
</div>
@ -951,6 +951,7 @@ const publicJump = path => router.push(path)
bottom: -25px;
right: -30px;
z-index: -1;
border-radius: 0 0 16px 0;
}
.tab-box {