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

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

5
src/views/apartmentDetail.vue
View File

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