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

选项卡样式修改

Browse Source
This commit is contained in:
luJianJun
2023-07-21 18:39:20 +08:00
parent e3d74f85ec
commit 57b5448072
5 changed files with 274 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/seachPage/input.vue
View File

@@ -46,6 +46,14 @@
</div>
求房源
</div>
<div class="top-btn dis-f jus-x al-item second" v-if="isNeedHousing"
@click="selectPage('intermediary')" :class="{ 'select-top-btn-bg': tabType === 'intermediary' }">
<div class="first-select">
<div class="box">
</div>
</div>
</div>
<div class="top-btn dis-f jus-x al-item second" v-if="!isNeedHousing"
@click="selectPage('intermediary')" :class="{ 'select-top-btn-bg': tabType === 'intermediary' }">
<div class="first-select" v-show="tabType === 'person'">
@@ -77,6 +85,13 @@
</div>
学生公寓 {{ seachKey.key && seachKey.key.studentapartment && seachKey.key.studentapartment.count }}
</div>
<div class="top-btn dis-f jus-x al-item four" v-if="!isNeedHousing">
<div class="second-select-third-box" v-show="tabType === 'apartment'">
<div class="box">
</div>
</div>
</div>
</div>
<div v-show="tabType === 'apartment'" :class="{ 'show-box-pd': !showSelectModule }">
<apartmentSelect @handleTransfer="setSeachConditions" :seachPage="false" ref="apartmentSelectInfo">
@@ -181,11 +196,11 @@ let selectTabBoxInfo = ref(null)//个人/中介筛选实例
let apartmentSelectInfo = ref(null)//公寓筛选实例
//设置请求数据
let selectPage = (type) => {
if(type===seachAllType['tabType'])return
if (type === seachAllType['tabType']) return
if (type === 'apartment') {
selectTabBoxInfo.value.cleanSelect()//清空筛选数据
} else {
apartmentSelectInfo.value.cleanSelect&&apartmentSelectInfo.value.cleanSelect()
apartmentSelectInfo.value.cleanSelect && apartmentSelectInfo.value.cleanSelect()
}
//清空数据
if (type === 'apartment')
@@ -369,15 +384,15 @@ let getLocationData = (data) => {
}
//更新当前数据数量
let setListCount=(item,num)=>{
console.log(item,num)
let setListCount = (item, num) => {
console.log(item, num)
console.log(seachKey.key)
if(item.tabType==="intermediary"){
seachKey.key['intermediary']['count']=num
}else if(item.tabType==="person"){
seachKey.key['personal']['count']=num
}else if(item.tabType==="apartment"){
seachKey.key['studentapartment']['count']=num
if (item.tabType === "intermediary") {
seachKey.key['intermediary']['count'] = num
} else if (item.tabType === "person") {
seachKey.key['personal']['count'] = num
} else if (item.tabType === "apartment") {
seachKey.key['studentapartment']['count'] = num
}
}
@@ -641,6 +656,31 @@ img {
}
}
.four {
left:600px;
bottom: 0;
background: #62b1ff;
.second-select-third-box {
position: absolute;
background: #fff;
top: 0;
left: -4px;
height: 45px;
width: 30px;
z-index: 88;
.box {
border-radius: 0 0 0 16px;
background: #62b1ff;
height: 45px;
width: 30px;
position: absolute;
left:0;
}
}
}
.top-btn {
width: 200px;
height: 45px;