修改二维码

This commit is contained in:
A1300399510 2023-07-27 17:51:58 +08:00
parent 2580116fc3
commit cb2674fe48
5 changed files with 28 additions and 23 deletions

View File

@ -161,6 +161,11 @@ defineExpose({
.select-module-box {
padding: 25px 20px 20px 20px;
/deep/ .el-checkbox-group {
display: flex;
flex-wrap: wrap;
}
.top-box {
display: flex;
align-items: center;

View File

@ -268,7 +268,7 @@ defineExpose({
}
.btn-qrcode {
width: 250px;
height: 365px;
position: absolute;
right: 0;
top: 58px;
@ -277,17 +277,17 @@ defineExpose({
}
.btn-qrcode .bj {
width: 100%;
height: 100%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
border-radius: 10px;
}
.btn-qrcode .QR-code{
position: absolute;
width: 80px;
height: 80px;
width: 100px;
height: 110px;
border-radius: 50%;
bottom: 60px;
bottom: 86px;
left: 50%;
transform: translateX(-50%);
}

View File

@ -47,7 +47,7 @@
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth">
</div>
<div v-else class="btn-qrcode">
<div v-else class="btn-qrcode flexcenter">
<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>
@ -66,7 +66,7 @@
去认证<img class="green-arrow" src="@/assets/img/publicImage/green-arrow.svg">
</div>
</template>
<div class="btn-qrcode">
<div class="btn-qrcode flexcenter">
<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>
@ -93,7 +93,7 @@
去认证<img class="green-arrow" src="@/assets/img/publicImage/green-arrow.svg">
</div>
</template>
<div class="btn-qrcode">
<div class="btn-qrcode flexcenter">
<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>
@ -377,21 +377,21 @@ const goDetail = (uniqid, status) => {
}
.btn-qrcode {
width: 250px;
height: 365px;
margin: 0 auto;
.bj {
width: 100%;
height: 100%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
border-radius: 10px;
}
.QR-code {
position: absolute;
width: 80px;
height: 80px;
width: 110px;
height: 110px;
border-radius: 50%;
bottom: 60px;
bottom: 86px;
left: 50%;
transform: translateX(-50%);
}

View File

@ -1116,13 +1116,13 @@ let setHousingArr = () => {
element['type'] = 'videos'
})
imgList.value = [...imgList.value,...housingInfo['data'].info.video]
imgList.value = [...imgList.value, ...housingInfo['data'].info.video]
}
if (housingInfo['data'].info.picturegroup) {
housingInfo['data'].info.picturegroup.forEach(element => {
element['type'] = 'attachment'
})
imgList.value = [...imgList.value,...housingInfo['data'].info.picturegroup]
imgList.value = [...imgList.value, ...housingInfo['data'].info.picturegroup]
}
@ -1141,11 +1141,11 @@ let setNavigation = () => {
// console.log(`${store.state.routeList['secondaryIndex'].path}/location/${JSON.stringify([housingInfo['data']['info'].location.substring(0, 1)])}`)
store.state.routeList['thirdIndex'] = {
path: `${store.state.routeList['secondaryIndex'].path}`,
query:{
type:'location',
query: {
type: 'location',
name: location[housingInfo['data']['info'].location.substring(0, 1)],
id: housingInfo['data']['info'].location.substring(0, 1),
types:`${type[housingInfo['data']['info'].type.substring(0, 1)]},${housingInfo['data']['info'].type}`
types: `${type[housingInfo['data']['info'].type.substring(0, 1)]},${housingInfo['data']['info'].type}`
},
title: `${location[housingInfo['data']['info'].location.substring(0, 1)]}${type[housingInfo['data']['info'].type.substring(0, 1)]}房源`
}

View File

@ -551,21 +551,21 @@ onUnmounted(() => {
}
.btn-qrcode {
width: 250px;
height: 365px;
margin: 0 auto;
.bj {
width: 100%;
height: 100%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
border-radius: 10px;
}
.QR-code {
position: absolute;
width: 80px;
height: 80px;
width: 110px;
height: 110px;
border-radius: 50%;
bottom: 60px;
bottom: 86px;
left: 50%;
transform: translateX(-50%);
}