公寓筛选组件适配搜索筛选组件
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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']
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user