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

样式修改

Browse Source
This commit is contained in:
luJianJun
2023-08-07 12:17:11 +08:00
parent a1084f0091
commit 3fcd5185ca
4 changed files with 78 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,7 +30,10 @@
:class="{ 'select-top-btn-bg': tabType === 'person' }">
<div class="top-btn" :class="[tabType === 'person' ? 'select-top-btn' : 'first-no-select']"
v-show="tabType === 'person'">
个人房源 {{ seachKey.key && seachKey.key.personal && seachKey.key.personal.count }}
个人房源 {{ seachKey.key && seachKey.key.personal && seachKey.key.personal.count }}
<div class="dis-f jus-x btm-line-mg">
<div class="btm-line"></div>
</div>
</div>
个人房源 {{ seachKey.key && seachKey.key.personal && seachKey.key.personal.count }}
<div class="second-select" v-show="tabType === 'intermediary'">
@@ -44,6 +47,9 @@
<div class="top-btn" :class="[tabType === 'need' ? 'select-top-btn' : 'first-no-select']"
v-show="tabType === 'need'">
求房源
<div class="dis-f jus-x btm-line-mg">
<div class="btm-line"></div>
</div>
</div>
求房源{{ tabType }}
</div>
@@ -70,6 +76,9 @@
<div class="top-btn" :class="[tabType === 'intermediary' ? 'select-top-btn' : 'first-no-select']"
v-show="tabType === 'intermediary'">
中介房源 {{ seachKey.key && seachKey.key.intermediary && seachKey.key.intermediary.count }}
<div class="dis-f jus-x btm-line-mg">
<div class="btm-line"></div>
</div>
</div>
中介房源 {{ seachKey.key && seachKey.key.intermediary && seachKey.key.intermediary.count }}
</div>
@@ -84,6 +93,9 @@
<div class="top-btn" :class="[tabType === 'apartment' ? 'select-top-btn' : 'first-no-select']"
v-show="tabType === 'apartment'">
品牌公寓 {{ seachKey.key && seachKey.key.studentapartment && seachKey.key.studentapartment.count }}
<div class="dis-f jus-x btm-line-mg">
<div class="btm-line"></div>
</div>
</div>
品牌公寓 {{ seachKey.key && seachKey.key.studentapartment && seachKey.key.studentapartment.count }}
</div>
@@ -102,7 +114,8 @@
<div class="seach-select-info" v-show="tabType !== 'apartment'">
<div class="select-box" :class="{ 'seach-select-h': showSelectModule }"
:style="{ 'overflow': showSelectModule ? 'visible' : 'hidden' }">
<selectTabBox :setSeachCondition="setSeachConditions" :setLocation="setLocation" ref="selectTabBoxInfo"></selectTabBox>
<selectTabBox :setSeachCondition="setSeachConditions" :setLocation="setLocation"
ref="selectTabBoxInfo"></selectTabBox>
</div>
<div :class="{ 'show-box-pd': !showSelectModule }">
<div class="box" :class="{ 'show-box': showSelectModule }">
@@ -307,9 +320,9 @@ let setSeachVal = () => {
}
//设置点击一级区域
let setLocation=(type,data)=>{
let setLocation = (type, data) => {
seachAllType[type] = data
seachAllType['school']=''
seachAllType['school'] = ''
}
//设置搜索数据
@@ -341,7 +354,7 @@ let setSeachConditions = (type, data) => {
if (tabType.value != 'need') {
setSeachVal()
}else if(tabType.value=='need'){
} else if (tabType.value == 'need') {
seachVal.value = seachAllType.keyword
}
@@ -601,6 +614,18 @@ img {
font-size: 17px;
color: #FFFFFF;
.btm-line {
height: 4px;
width:102px;
background: inherit;
background-color: rgba(253, 223, 109, 1);
border: none;
border-radius: 53px;
}
.btm-line-mg{
margin-top:-5px;
}
.select-top-bos-show {
-moz-box-shadow: -3px -4px 4px rgba(0, 0, 0, 0.07647058823529) !important;
-webkit-box-shadow: -3px -4px 4px rgba(0, 0, 0, 0.07647058823529) !important;
@@ -620,7 +645,7 @@ img {
.select-top-btn {
height: 45px;
width: 180px !important;
line-height: 50px;
line-height: 45px;
background: #fff !important;
border-radius: 16px 16px 0 0;
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif;
@@ -760,6 +785,7 @@ img {
position: absolute;
border-radius: 16px 16px 0 0;
cursor: pointer;
line-height:45px;
}
}
}