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

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

View File

@@ -1,9 +1,9 @@
<template> <template>
<div class="dis-f jus-x al-item" style="position: relative;z-index: 333;"> <div class="dis-f jus-x al-item" style="position: relative;z-index: 333;">
<div class="body-maxWidth"> <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="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 style="position: absolute;left: -8px;top: 20px;">
<div class="location-box dis-f jus-x al-item"> <div class="location-box dis-f jus-x al-item">
<img src="../../assets/homeImage/addressImg.png" class="img" alt=""> <img src="../../assets/homeImage/addressImg.png" class="img" alt="">
@@ -55,7 +55,7 @@
发布房源 发布房源
</div> </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" trigger="click" :show-arrow="false"
popper-style="background-color:transparent;border: none;box-shadow: none;padding:0;"> popper-style="background-color:transparent;border: none;box-shadow: none;padding:0;">
<template #reference> <template #reference>
@@ -85,7 +85,8 @@
<img class="triangle" src="@/assets/img/publicImage/triangle-black.svg" /> <img class="triangle" src="@/assets/img/publicImage/triangle-black.svg" />
</div> </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-left">
<div class="option-item flexflex"> <div class="option-item flexflex">
<div class="option-title">学校附近</div> <div class="option-title">学校附近</div>
@@ -386,7 +387,6 @@ const selectOption = (type, value) => {
background: #FFFFFF; background: #FFFFFF;
// transform: translate(0, 3px); // transform: translate(0, 3px);
border-radius: 16px; border-radius: 16px;
filter: drop-shadow(0px3px 0px #d7d7d7);
.top-seach { .top-seach {
padding: 20px; padding: 20px;

View File

@@ -166,20 +166,12 @@ const tabList = [{
transform: translateX(-50%); transform: translateX(-50%);
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
// <<<<<<< HEAD
// height: 47px;
// =======
height: 50px; height: 50px;
// >>>>>>> origin/main
background: rgba(0, 0, 0, 0.596078431372549); background: rgba(0, 0, 0, 0.596078431372549);
border-bottom: 4px solid rgba(78, 144, 204, 1); border-bottom: 4px solid rgba(78, 144, 204, 1);
.nav-list { .nav-list {
// <<<<<<< HEAD
// // background: red;
// color: #e2edf7;
// font-size: 18px;
// =======
color: #E2EDF7; color: #E2EDF7;
text-align: center; text-align: center;
// >>>>>>> origin/main // >>>>>>> origin/main

View File

@@ -98,13 +98,11 @@ const router = createRouter({
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
// <<<<<<< HEAD
//导航数据 //导航数据
if (/['seachPage','needHousing','intermediaryHousing','personHousing']/.test(from.path)) { if (/['seachPage','needHousing','intermediaryHousing','personHousing']/.test(from.path)) {
store.state.routeList.secondaryIndex.title = from.meta.title store.state.routeList.secondaryIndex.title = from.meta.title
store.state.routeList.secondaryIndex.path = from.path store.state.routeList.secondaryIndex.path = from.path
} }
// >>>>>>> 542e853 (提交)
next() next()
let meta = to['meta'] || {} let meta = to['meta'] || {}
let title = meta['title'] let title = meta['title']

View File

@@ -124,7 +124,6 @@ const handleTransfer = (data) => {
<style lang="less" scoped> <style lang="less" scoped>
.screen-box { .screen-box {
margin: 0 auto 20px; margin: 0 auto 20px;
// box-shadow: 0 0 3px 0 #d7d7d7;
} }
.list { .list {