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

公寓筛选组件适配搜索筛选组件

Browse Source
This commit is contained in:
A1300399510
2023-07-21 15:37:08 +08:00
parent 955d8cf3b3
commit 75dc016a32
4 changed files with 6 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,9 @@
<template>
<div class="dis-f jus-x al-item" style="position: relative;z-index: 333;">
<div class="body-maxWidth">
<div class="s-w-100 seach-box-bg">
<div class="s-w-100 seach-box-bg" :style="{ boxShadow: !props.seachPage ? 'none' : '' }">
<div class="seach-box">
<div class="top-seach dis-f al-item" v-if="props.seachPage">
<div class="top-seach dis-f al-item" v-if="props.seachPage">
<div style="position: absolute;left: -8px;top: 20px;">
<div class="location-box dis-f jus-x al-item">
<img src="../../assets/homeImage/addressImg.png" class="img" alt="">
@@ -55,7 +55,7 @@
发布房源
</div>
<el-popover placement="bottom-end" popper-class="consult-popover flexcenter" :width="300"
<el-popover placement="bottom-end" popper-class="consult-popover flexcenter" :width="300"
trigger="click" :show-arrow="false"
popper-style="background-color:transparent;border: none;box-shadow: none;padding:0;">
<template #reference>
@@ -85,7 +85,8 @@
<img class="triangle" src="@/assets/img/publicImage/triangle-black.svg" />
</div>
<div class="option-area flexflex" v-if="state == 'unfold'">
<div class="option-area flexflex" v-if="state == 'unfold'"
:style="{ borderTop: !props.seachPage ? 'none' : '' }">
<div class="option-left">
<div class="option-item flexflex">
<div class="option-title">学校附近</div>
@@ -386,7 +387,6 @@ const selectOption = (type, value) => {
background: #FFFFFF;
// transform: translate(0, 3px);
border-radius: 16px;
filter: drop-shadow(0px3px 0px #d7d7d7);
.top-seach {
padding: 20px;