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-26 15:08:31 +08:00
parent 6efebca2cf
commit 3fcc93e4cd
8 changed files with 475 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/detail/breadcrumb.vue
View File

@@ -1,30 +1,36 @@
<template>
<div class="pos-r">
<div class="authentication-top" v-if="data['data']&&data['data'].info&&data['data'].info.verified===1">
<div class="authentication-top"
:class="[pageType==2?'intermediary-top':'']"
v-if="data['data'] && data['data'].info && data['data'].info.verified === 1">
<div class="dis-f al-item jus-bet">
<div>
<div v-if="pageType==1">
<img src="../../assets/img/detail/authenticationLogon.png" class="logo" alt="">
<img src="../../assets/img/detail/authenticationTitle.png" class="title" alt="">
</div>
<div v-if="pageType==2" class="dis-f al-item">
<img src="../../assets/img/detail/intermediaryDetailLogo.png" class="logo" alt="">
<img src="../../assets/img/detail/intermediaryDetailTItle.png" style="margin-left:-7px;" class="title" alt="">
</div>
<div class="dis-f al-item">
<div class="dis-f al-item">
<img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt="">
<span>
{{data['data']&&data['data'].info&&data['data'].info.intermediary!=1?'房产证明':'真实牌照'}}
</span>
<img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt="">
<span>
{{ data['data'] && data['data'].info && data['data'].info.intermediary != 1 ? '房产证明' : '真实牌照' }}
</span>
</div>
<div class="dis-f al-item" style="margin-left:20px;">
<img src="../../assets/img/detail/authenticationType.svg" class="type-icon" alt="">
<span>
{{ data['data']&&data['data'].info&&data['data'].info.intermediary!=1?'房东身份证':'身份证明' }}
{{ data['data'] && data['data'].info && data['data'].info.intermediary != 1 ? '房东身份证' : '身份证明' }}
</span>
</div>
</div>
</div>
</div>
<div class="title-top-box pos-r" style="z-index:666;">
<div class="top-round" v-if="data['data']&&data['data'].info&&data['data'].info.verified===1">
<div class="top-round-s"></div>
<div class="top-round" v-if="data['data'] && data['data'].info && data['data'].info.verified === 1">
<div class="top-round-s" :class="[pageType==2?'intermediary-bg':'']"></div>
</div>
<div class="breadcrumb-box">
<el-breadcrumb :separator-icon="ArrowRight">
@@ -69,6 +75,7 @@ import { ArrowRight } from '@element-plus/icons-vue'
import { reactive, onMounted, ref, defineProps, watchEffect } from 'vue'
import store from '@/store'
import transmitBtn from '@/components/public/transmitBtn.vue'
import { useRouter } from 'vue-router';
const props = defineProps({
data: {
@@ -85,6 +92,12 @@ let data = reactive({})
let operation = props.operation
//获取路由参数
let router = useRouter()
//页面类型
let pageType=ref('')
let {type}=router.currentRoute.value.query
pageType.value=type
//导航数据
let storeData = store.state.routeList
console.log('storeData', storeData)
@@ -129,6 +142,19 @@ img {
justify-content: space-between;
}
.intermediary-top {
background: -webkit-linear-gradient(165.253098840457deg, rgba(180, 218, 255, 1) -2%, rgba(80, 227, 194, 1) 86%) !important;
background: -moz-linear-gradient(-75.2530988404571deg, rgba(180, 218, 255, 1) -2%, rgba(80, 227, 194, 1) 86%) !important;
background: linear-gradient(-75.2530988404571deg, rgba(180, 218, 255, 1) -2%, rgba(80, 227, 194, 1) 86%) !important;
border: none;
border-radius: 16px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.authentication-top {
position: absolute;
left: 0px;
@@ -163,10 +189,10 @@ img {
margin-left: 8px;
}
.type-icon{
.type-icon {
width: 18px;
height:18px;
margin-right:8px;
height: 18px;
margin-right: 8px;
}
}
@@ -185,21 +211,26 @@ img {
font-size: 14px;
transform: translateY(-38px);
position: relative;
.top-round{
width:22px ;
height:22px;
.top-round {
width: 22px;
height: 22px;
background: #fff;
position: absolute;
top:-8px;
right:-1px;
.top-round-s{
top: -8px;
right: -1px;
.top-round-s {
position: absolute;
top:-13px;
left:-1px;
border-radius:0 0 16px 0;
background:rgba(174, 159, 251, 1);
width:23px;
height:20px;
top: -13px;
left: -1px;
border-radius: 0 0 16px 0;
background: rgba(174, 159, 251, 1);
width: 23px;
height: 20px;
}
.intermediary-bg{
background: rgba(173,214,247,1);
}
}