diff --git a/src/assets/img/apartmentDetail/apartmentDetail-header-bj.png b/src/assets/img/apartmentDetail/apartmentDetail-header-bj.png new file mode 100644 index 0000000..761d61f Binary files /dev/null and b/src/assets/img/apartmentDetail/apartmentDetail-header-bj.png differ diff --git a/src/assets/img/apartmentDetail/apartmentDetail-header-shade.svg b/src/assets/img/apartmentDetail/apartmentDetail-header-shade.svg new file mode 100644 index 0000000..7e57a63 --- /dev/null +++ b/src/assets/img/apartmentDetail/apartmentDetail-header-shade.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/img/publicImage/report-icon.svg b/src/assets/img/publicImage/report-icon.svg new file mode 100644 index 0000000..8b72750 --- /dev/null +++ b/src/assets/img/publicImage/report-icon.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/img/publicImage/report.png b/src/assets/img/publicImage/report.png new file mode 100644 index 0000000..0bbfabc Binary files /dev/null and b/src/assets/img/publicImage/report.png differ diff --git a/src/components/public/report.vue b/src/components/public/report.vue new file mode 100644 index 0000000..2594879 --- /dev/null +++ b/src/components/public/report.vue @@ -0,0 +1,240 @@ + + + + + \ No newline at end of file diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue index 26ebbb5..3d55dd6 100644 --- a/src/views/apartmentDetail.vue +++ b/src/views/apartmentDetail.vue @@ -74,6 +74,8 @@
+ +
{{ item }}
@@ -143,12 +145,12 @@ src="@/assets/img/publicImage/gray-arrow.svg" alt="">
-
-
@@ -927,6 +929,18 @@ const publicJump = path => router.push(path) .header-right { margin-left: 59px; + position: relative; + z-index: 1; + + .header-bj, + .header-shade { + width: 601px; + height: 338px; + position: absolute; + bottom: -25px; + right: -30px; + z-index: -1; + } .tab-box { flex-wrap: wrap; @@ -1265,6 +1279,23 @@ const publicJump = path => router.push(path) font-size: 14px; margin-bottom: 20px; + &.location .details-header .icon { + width: 20px; + height: 24px; + } + + &.apartment-facilities .details-header .icon, + &.special-offer .details-header .icon { + width: 20px; + height: 20px; + } + + &.company .details-header .icon, + &.life .details-header .icon { + width: 22px; + height: 22px; + } + .details-header { height: 82px; padding: 0 30px; diff --git a/src/views/detail.vue b/src/views/detail.vue index 8eb4d12..93e0d5d 100644 --- a/src/views/detail.vue +++ b/src/views/detail.vue @@ -5,7 +5,7 @@
-
+
+ +