上传公寓收藏和公寓附近房源

This commit is contained in:
A1300399510
2024-04-17 18:40:28 +08:00
parent 5a4e6e79cd
commit a1ec98685e
31 changed files with 526 additions and 309 deletions

View File

@@ -1,18 +1,18 @@
<template>
<div class="QRcode-box apartment-QRcode flexflex" v-if="true">
<img class="mini-program-title" src="@/assets/img/apartmentDetail/mini-program-title.png">
<div class="QRcode-box apartment-QRcode flexflex" :class="{ 'apartment-box': props['type'] == 'apartment' }">
<img class="mini-program-title" src="@/assets/img/apartmentDetail/mini-program-title.png" />
<div class="QRcode-case flexcenter">
<img class="QRcode-img" :src="props['qrcode']" alt="">
<img class="QRcode-img" :src="props['qrcode']" alt="" />
</div>
<div class="apartment-QRcode-hint flexacenter">
<img class="scan-icon" src="@/assets/img/apartmentDetail/scan-icon.png">
手机查看该{{ props['type'] == 'apartment' ? '公寓' : '房源' }}
<img class="scan-icon" src="@/assets/img/apartmentDetail/scan-icon.png" />
手机查看该{{ props["type"] == "apartment" ? "公寓" : "房源" }}
</div>
</div>
</template>
<script setup>
import { defineProps } from 'vue';
import { defineProps } from "vue"
const props = defineProps({
qrcode: String,
@@ -42,6 +42,10 @@ const props = defineProps({
&.apartment-QRcode {
padding: 40px 0;
&.apartment-box {
box-shadow: none;
}
.mini-program-title {
width: 168px;
height: 20px;
@@ -71,4 +75,4 @@ const props = defineProps({
}
}
}
</style>
</style>