修改二维码
This commit is contained in:
@@ -161,6 +161,11 @@ defineExpose({
|
|||||||
.select-module-box {
|
.select-module-box {
|
||||||
padding: 25px 20px 20px 20px;
|
padding: 25px 20px 20px 20px;
|
||||||
|
|
||||||
|
/deep/ .el-checkbox-group {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
.top-box {
|
.top-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -268,7 +268,7 @@ defineExpose({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-qrcode {
|
.btn-qrcode {
|
||||||
width: 250px;
|
height: 365px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 58px;
|
top: 58px;
|
||||||
@@ -277,17 +277,17 @@ defineExpose({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-qrcode .bj {
|
.btn-qrcode .bj {
|
||||||
width: 100%;
|
height: 100%;
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
|
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-qrcode .QR-code{
|
.btn-qrcode .QR-code{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 80px;
|
width: 100px;
|
||||||
height: 80px;
|
height: 110px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
bottom: 60px;
|
bottom: 86px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -47,7 +47,7 @@
|
|||||||
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth">
|
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth">
|
||||||
</div>
|
</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="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
|
||||||
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth">
|
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth">
|
||||||
</div>
|
</div>
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
去认证<img class="green-arrow" src="@/assets/img/publicImage/green-arrow.svg">
|
去认证<img class="green-arrow" src="@/assets/img/publicImage/green-arrow.svg">
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="btn-qrcode">
|
<div class="btn-qrcode flexcenter">
|
||||||
<img class="bj" src="@/assets/img/publicImage/mediation-authentication-bj.jpg">
|
<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">
|
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=middlemanAuth">
|
||||||
</div>
|
</div>
|
||||||
@@ -93,7 +93,7 @@
|
|||||||
去认证<img class="green-arrow" src="@/assets/img/publicImage/green-arrow.svg">
|
去认证<img class="green-arrow" src="@/assets/img/publicImage/green-arrow.svg">
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="btn-qrcode">
|
<div class="btn-qrcode flexcenter">
|
||||||
<img class="bj" src="@/assets/img/publicImage/housing-certification-bj.jpg">
|
<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">
|
<img class="QR-code" src="https://app.gter.net/tenement/pc/api/qrcode?type=propertyAuth">
|
||||||
</div>
|
</div>
|
||||||
@@ -377,21 +377,21 @@ const goDetail = (uniqid, status) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-qrcode {
|
.btn-qrcode {
|
||||||
width: 250px;
|
height: 365px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
.bj {
|
.bj {
|
||||||
width: 100%;
|
height: 100%;
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
|
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.QR-code {
|
.QR-code {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 80px;
|
width: 110px;
|
||||||
height: 80px;
|
height: 110px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
bottom: 60px;
|
bottom: 86px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1116,13 +1116,13 @@ let setHousingArr = () => {
|
|||||||
element['type'] = 'videos'
|
element['type'] = 'videos'
|
||||||
})
|
})
|
||||||
|
|
||||||
imgList.value = [...imgList.value,...housingInfo['data'].info.video]
|
imgList.value = [...imgList.value, ...housingInfo['data'].info.video]
|
||||||
}
|
}
|
||||||
if (housingInfo['data'].info.picturegroup) {
|
if (housingInfo['data'].info.picturegroup) {
|
||||||
housingInfo['data'].info.picturegroup.forEach(element => {
|
housingInfo['data'].info.picturegroup.forEach(element => {
|
||||||
element['type'] = 'attachment'
|
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)])}`)
|
// console.log(`${store.state.routeList['secondaryIndex'].path}/location/${JSON.stringify([housingInfo['data']['info'].location.substring(0, 1)])}`)
|
||||||
store.state.routeList['thirdIndex'] = {
|
store.state.routeList['thirdIndex'] = {
|
||||||
path: `${store.state.routeList['secondaryIndex'].path}`,
|
path: `${store.state.routeList['secondaryIndex'].path}`,
|
||||||
query:{
|
query: {
|
||||||
type:'location',
|
type: 'location',
|
||||||
name: location[housingInfo['data']['info'].location.substring(0, 1)],
|
name: location[housingInfo['data']['info'].location.substring(0, 1)],
|
||||||
id: 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)]}房源`
|
title: `${location[housingInfo['data']['info'].location.substring(0, 1)]}${type[housingInfo['data']['info'].type.substring(0, 1)]}房源`
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -551,21 +551,21 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-qrcode {
|
.btn-qrcode {
|
||||||
width: 250px;
|
height: 365px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
.bj {
|
.bj {
|
||||||
width: 100%;
|
height: 100%;
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
|
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2784313725490196);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.QR-code {
|
.QR-code {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 80px;
|
width: 110px;
|
||||||
height: 80px;
|
height: 110px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
bottom: 60px;
|
bottom: 86px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user