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-08 14:32:38 +08:00
parent 814e003397
commit a9858985e2
6 changed files with 73 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/seachModule/authenticationInfo.vue
View File

@@ -1,18 +1,19 @@
<template>
<div class="info-box dis-f al-item" :class="{'intermediary-housing-s':path==='/intermediaryHousing'}">
<img src="../../assets/img/detail/authenticationInfoR.svg" v-if="path==='/personHousing'" class="tab-img" alt="">
<img src="../../assets/img/detail/authenticationInfoInte.svg" v-if="path==='/intermediaryHousing'" class="tab-img" alt="">
<div class="info-box dis-f al-item" :class="{'intermediary-housing-s':type==2}">
<img src="../../assets/img/detail/authenticationInfoR.svg" v-if="type==1" class="tab-img" alt="">
<img src="../../assets/img/detail/authenticationInfoInte.svg" v-if="type==2" class="tab-img" alt="">
<div class="dis-f al-item">
<div class="tab-text">
<div class="dis-f al-item" v-for="(item, i) in tabText" :key="i" :class="{ 'mg-t-25': i > 0 }">
<img src="../../assets/img/detail/authenticationInfoTab.svg" class="tab-icon" alt="" v-if="path==='/personHousing'">
<img src="../../assets/img/detail/authenticationInfoInteTab.svg" class="tab-icon" alt="" v-if="path==='/intermediaryHousing'">{{ item }}
<img src="../../assets/img/detail/authenticationInfoTab.svg" class="tab-icon" alt="" v-if="type==1">
<img src="../../assets/img/detail/authenticationInfoInteTab.svg" class="tab-icon" alt="" v-if="type==2">{{ item }}
</div>
</div>
<div class="mg-l-100">
<div class="qr-code-bg dis-f jus-x al-item">
<img src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth" v-if="path==='/personHousing'" class="qr-code" alt="">
<img src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth" v-if="path==='/intermediaryHousing'" class="qr-code" alt="">
<img src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth" v-if="type==1" class="qr-code" alt="">
<img src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth" v-if="type==2" class="qr-code" alt="">
</div>
<div class="code-text">
微信扫码认证
@@ -22,16 +23,23 @@
</div>
</template>
<script setup>
import { } from 'vue'
import { defineProps } from 'vue'
import { useRouter } from "vue-router";
const props = defineProps({
//1 个人房源认证 2 中介房源认证
type:{
type:[Number,String]
}
})
//路由
let router=useRouter()
let path = router.currentRoute.value.path
let type = props.type
let tabText=null
path==='/personHousing'?tabText = ['认证标识', '发布更多房源', '求房源对接']:
path==='/intermediaryHousing'?tabText = ['身份标识', '发布更多房源', '求房源对接']:[]
type==1?tabText = ['认证标识', '发布更多房源', '求房源对接']:
type==2?tabText = ['身份标识', '发布更多房源', '求房源对接']:[]
</script>
@@ -65,7 +73,7 @@ img {
}
.info-box {
width: 462px;
width: 464px;
height: 217px;
border-radius: 16px;
border: 1px solid #e4e4f6;

6
src/components/seachModule/seachModule.vue
View File

@@ -62,7 +62,7 @@
<img src="../../assets/homeImage/authenticationBtnImg.png" class="text-img" alt="">
<img src="../../assets/homeImage/authenticationBtnCode.svg" class="code-img" alt="">
<div class="btn-qrcode">
<authentication-info></authentication-info>
<authentication-info :type="1"></authentication-info>
<!-- <img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth"> -->
</div>
@@ -72,7 +72,7 @@
<img src="../../assets/homeImage/intermediaryText.png" class="text-img" alt="">
<img src="../../assets/homeImage/intermediaryCode.svg" class="code-img" alt="">
<div class="btn-qrcode">
<authentication-info></authentication-info>
<authentication-info :type="2"></authentication-info>
<!-- <img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth"> -->
</div>
@@ -333,7 +333,7 @@ defineExpose({
border-bottom: 1px solid #ebebeb;
.intermediary-btn {
background: rgba(241, 245, 247, 1);
background: rgba(241, 245, 247, 1) !important;
}
.authentication-btn {