From abae187b6d03d868d883586ffe7c3a5da3e3a4db Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Fri, 21 Jul 2023 19:25:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=AF=93=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apartmentDetail/apartment-facilities.svg  |  11 +
 .../img/apartmentDetail/apartment-have.svg    |  12 +
 .../img/apartmentDetail/apartment-not.svg     |  12 +
 src/assets/img/apartmentDetail/blue-tick.svg  |  12 +
 .../img/apartmentDetail/group-title.png       | Bin 0 -> 5992 bytes
 .../img/apartmentDetail/listing-details.png   | Bin 0 -> 842 bytes
 src/assets/img/apartmentDetail/live.png       | Bin 0 -> 887 bytes
 .../img/apartmentDetail/location-icon.png     | Bin 0 -> 1220 bytes
 .../apartmentDetail/mini-program-title.png    | Bin 0 -> 7173 bytes
 src/assets/img/apartmentDetail/same-brand.png | Bin 0 -> 1228 bytes
 src/assets/img/apartmentDetail/scan-icon.png  | Bin 0 -> 751 bytes
 .../img/apartmentDetail/special-offer.svg     |  11 +
 src/components/public/login.vue               |   1 -
 src/views/apartmentDetail.vue                 | 537 +++++++++++++++++-
 14 files changed, 575 insertions(+), 21 deletions(-)
 create mode 100644 src/assets/img/apartmentDetail/apartment-facilities.svg
 create mode 100644 src/assets/img/apartmentDetail/apartment-have.svg
 create mode 100644 src/assets/img/apartmentDetail/apartment-not.svg
 create mode 100644 src/assets/img/apartmentDetail/blue-tick.svg
 create mode 100644 src/assets/img/apartmentDetail/group-title.png
 create mode 100644 src/assets/img/apartmentDetail/listing-details.png
 create mode 100644 src/assets/img/apartmentDetail/live.png
 create mode 100644 src/assets/img/apartmentDetail/location-icon.png
 create mode 100644 src/assets/img/apartmentDetail/mini-program-title.png
 create mode 100644 src/assets/img/apartmentDetail/same-brand.png
 create mode 100644 src/assets/img/apartmentDetail/scan-icon.png
 create mode 100644 src/assets/img/apartmentDetail/special-offer.svg

diff --git a/src/assets/img/apartmentDetail/apartment-facilities.svg b/src/assets/img/apartmentDetail/apartment-facilities.svg
new file mode 100644
index 0000000..a455ad9
--- /dev/null
+++ b/src/assets/img/apartmentDetail/apartment-facilities.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter1188">
+      <feColorMatrix type="matrix" values="4 0 0 0 -1.5  0 4 0 0 -1.5  0 0 4 0 -1.5  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -390 -4258 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPKADAAQAAAABAAAAPAAAAACL3+lcAAAEuklEQVRoBe1b7XWbMBSNHf+vNwgDJKk7QfEEcTfIBvUGJRO0G6SdoM4ExhPU+RgAb+D+z0fvTfU4QggMSGDcRufoCElP793LE09CxkdHb+nfvgODOvQmk0nw/Px8gTzjuMFgELy8vAR1dLjKwmYCmwn1DIfDBfLNer1+rbNtV6pE+PT0NISiL8gs+5higLp6eHhgWZpKCcOj48fHx5/QEJZq6U9nPBqNPsHj2yJIw6IOkJ08PT39Qn9YJNPD9pCYib0Im9XDiuwSz8q4aGCf2/Gcb4+Pj6fw9NrEmSMMsmPepZJgtIGShcqmvi7rMxhjPrEZZXAD6Q/m9B6ZwuqZDcx2KPiNtvn9/f13s29P9Rh25+fn53M4J0J+p+OgwxSXqd6e8bCKxktdgNcki7sV2qaIKbuPunoEY5O0wjLVo7cZtLj0ZFLfyRIsHUGHqFmYwY9KhlNKGHcpQGeIbKZ5Xz2rAyVGEI70NnUdKm6v1ZSw7J6MAZsePbMGtHz17u7uG1oZVDNJ57aLMKPxoaUcZjzboZDIRWnpUGVusNFfq8olz9i57dwZ1TLwV5iYP+vjQHgs9dTDmP/W9UwEXUuStezcZGeUAnK1Yxuvc0sJc92yCftoU55d2mywDV5fUsaHLZsO3W5K2Cboo03IQtekRN+kbdJiu1XCFckKlk5It0a4JtnOSLdCuCHZTkh7J+xItnXSXgl7Itsqaa+Esc5+BdqyaCxkqpY8dbmuKlxFzhvhs7Oza6x3l1WM1pGBzhl11xlTJuuFcFtkBThvpC/SzoTbJuubtBNhnJDwaOVSQLVd0hZtuthxIgzDmdMEFyA1xjrZbExYnX/VwOlP1MV2Y8I44V/7o1BPk4vtxoRxhLTFe+ZNPaju0rRJ2001NSZMgzgpvEQxBYgfKFtNysZU2Wxsa9cRT6lidadjl2eq1IDWiQid6OfLWletSycP17LUE+H/jrDTlG7otFuMk6AzxvX7hnoaDeuMMIKO9fcpvFLyjajod6FGpMoGdTmlFwhyubVbtS3KQPrs64wwo2wR8LK+ojFN2zsj3BSg73FeCOPTIQlCvvGl+nzZ8EU4TpG1dMFvsnyo9kJYBZ6VD0AFOlawkRT01WrWCed+V62jCW8wM8hzjfWdbpVuF70pN51w4qIRHtgCWAgdV8ipAQed1HFFndTtoIdDExm/a+NBr8UivKtUwCLIMVdOeCmIIMzsIxFzJmHTk96w1MO2oADBi8zIA6jYMKMtFuilhLEhCPgdlAj3vVTfbAUmTt2ZA70T77Ux6h/1Nk4HvHRbP+PT5fZ9rfbkSzhpbGBZ4ZEJpS31sGqIpENKKsDmnr/QT6Stb2UJWUKNdLwZwupEYaUL8FpIY8pkPhYx5fZRJyY6hBhN+5idN+YpSWZKcwDuFr+0WePyxFTAOpQkKBYqo9hbmsHyDESDAgQbLGkTc0nLEeZgNUU6e0ctANy4GU6xvntTYWZKiwXclddvF1HfSNsBlRt+d0kONsxWD4ugmt6cvpnILf09LFfchoLrtghbKWEZpI5hI9T7SnwFbJEZoAS/XlYiLAPgcf6Nh4EiVFExQJ81uMmYFsoNdCbcHyDH3FTAo0kLdt5UHuQd+AO1oA/Q7pbtAQAAAABJRU5ErkJggg==" x="390px" y="4258px" filter="url(#filter1188)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/img/apartmentDetail/apartment-have.svg b/src/assets/img/apartmentDetail/apartment-have.svg
new file mode 100644
index 0000000..358d564
--- /dev/null
+++ b/src/assets/img/apartmentDetail/apartment-have.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="2.22044604925031E-15" y1="0" x2="40" y2="40" id="LinearGradient1189">
+      <stop id="Stop1190" stop-color="#fdda55" offset="0" />
+      <stop id="Stop1191" stop-color="#cbfebf" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -360 -846 )">
+    <path d="M 40 10  L 40 40  C 40 17.6000000000001  22.9333333333334 0  1.20295161548821 0  L 30.3030303030303 0  C 35.7333333333334 0  40 4.39999999999998  40 10  Z " fill-rule="nonzero" fill="url(#LinearGradient1189)" stroke="none" transform="matrix(1 0 0 1 360 846 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/img/apartmentDetail/apartment-not.svg b/src/assets/img/apartmentDetail/apartment-not.svg
new file mode 100644
index 0000000..2a45347
--- /dev/null
+++ b/src/assets/img/apartmentDetail/apartment-not.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="2.22044604925031E-15" y1="0" x2="40" y2="40" id="LinearGradient1192">
+      <stop id="Stop1193" stop-color="#000000" offset="0" />
+      <stop id="Stop1194" stop-color="#f2f2f2" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -360 -1595 )">
+    <path d="M 40 10  L 40 40  C 40 17.6000000000001  22.9333333333334 0  1.20295161548821 0  L 30.3030303030303 0  C 35.7333333333334 0  40 4.39999999999998  40 10  Z " fill-rule="nonzero" fill="url(#LinearGradient1192)" stroke="none" transform="matrix(1 0 0 1 360 1595 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/img/apartmentDetail/blue-tick.svg b/src/assets/img/apartmentDetail/blue-tick.svg
new file mode 100644
index 0000000..a9244a1
--- /dev/null
+++ b/src/assets/img/apartmentDetail/blue-tick.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="8.88178419700125E-16" y1="0" x2="16" y2="16" id="LinearGradient1195">
+      <stop id="Stop1196" stop-color="#62b1ff" offset="0" />
+      <stop id="Stop1197" stop-color="#80ffff" offset="1" />
+    </linearGradient>
+  </defs>
+  <g>
+    <path d="M 13.1875 6.78125  C 13.3125 6.65625  13.375 6.5  13.375 6.3125  C 13.375 6.11805555555556  13.3125 5.95833333333333  13.1875 5.83333333333333  L 12.2395833333333 4.89583333333333  C 12.1076388888889 4.76388888888889  11.9513888888889 4.69791666666667  11.7708333333333 4.69791666666667  C 11.5902777777778 4.69791666666667  11.4340277777778 4.76388888888889  11.3020833333333 4.89583333333333  L 7.05208333333333 9.13541666666667  L 4.69791666666667 6.78125  C 4.56597222222222 6.64930555555556  4.40972222222222 6.58333333333333  4.22916666666667 6.58333333333333  C 4.04861111111111 6.58333333333333  3.89236111111111 6.64930555555556  3.76041666666667 6.78125  L 2.8125 7.71875  C 2.6875 7.84375  2.625 8.00347222222222  2.625 8.19791666666667  C 2.625 8.38541666666667  2.6875 8.54166666666667  2.8125 8.66666666666667  L 6.58333333333333 12.4375  C 6.71527777777778 12.5694444444444  6.87152777777778 12.6354166666667  7.05208333333333 12.6354166666667  C 7.23958333333333 12.6354166666667  7.39930555555556 12.5694444444444  7.53125 12.4375  L 13.1875 6.78125  Z M 14.9270833333333 3.984375  C 15.6423611111111 5.21006944444444  16 6.54861111111111  16 8  C 16 9.45138888888889  15.6423611111111 10.7899305555556  14.9270833333333 12.015625  C 14.2118055555556 13.2413194444444  13.2413194444444 14.2118055555556  12.015625 14.9270833333333  C 10.7899305555556 15.6423611111111  9.45138888888889 16  8 16  C 6.54861111111111 16  5.21006944444444 15.6423611111111  3.984375 14.9270833333333  C 2.75868055555556 14.2118055555556  1.78819444444444 13.2413194444444  1.07291666666667 12.015625  C 0.357638888888889 10.7899305555556  0 9.45138888888889  0 8  C 0 6.54861111111111  0.357638888888889 5.21006944444444  1.07291666666667 3.984375  C 1.78819444444444 2.75868055555556  2.75868055555556 1.78819444444444  3.984375 1.07291666666667  C 5.21006944444444 0.357638888888888  6.54861111111111 0  8 0  C 9.45138888888889 0  10.7899305555556 0.357638888888888  12.015625 1.07291666666667  C 13.2413194444444 1.78819444444444  14.2118055555556 2.75868055555556  14.9270833333333 3.984375  Z " fill-rule="nonzero" fill="url(#LinearGradient1195)" stroke="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/img/apartmentDetail/group-title.png b/src/assets/img/apartmentDetail/group-title.png
new file mode 100644
index 0000000000000000000000000000000000000000..968f81cde526e4cfb9d34a1a572be63ceff33d1c
GIT binary patch
literal 5992
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/listing-details.png b/src/assets/img/apartmentDetail/listing-details.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1f16bc311b14c2e7a28db0b06a6f94c85711e3f
GIT binary patch
literal 842
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|Tv8)E(|mmy
zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(<^uz(rC1}St4blSkcz_i8F#WAFU
z@$K}7xwj1jS|>01|C)DI-UQx7ysvm4`CaH+z&k5%Le2x;qPYuhDtu!3%J#NggJp$}
z%%n?mT@`H}I4YIae1A7_+S~4KsjH2z97-2heJGRNG3UZB-t27&#))g6Pf~tTUGP5C
zMY@imp6j^&mz_E1q-M#Rx%(RQ%H}Ztj9RzKQtJI8$^SyzIxAI|z70CEMC!q(nO=ex
z%FnG*b5}8H#;iWGl5I`VZ64SC=1;g*)){Q%S6A=*s=9|+UTxj{y*>#ie*W4$EB2#h
zW09P3sZBa(n$11NU7!0MWxE#^-HQ_FwY1@xP{{bWx;T%Y`OA!TYBoF>vb*zTcE&Fi
zo40HqOa0{Cl~Z$XIX|soT4`mXFD0k$(E4is#`70nz2rRgm0{Kw)onAGV*5TXec~4T
z!GiJPB30E8X0Kbls#~rIZ)ka~dbQ@W`hm~yKQzvL*VtfranlY)`GZM{A?JSP?N`44
z>w3cUm5yI$wH}y~)$pw9sNACvSx>f#J<K6X!tX>1S4(`z&@DPrE^~MGohpff)J1Pn
zC!IZg`Et4~&xSwZ5@lt=esi*QL{3%ytSJ}xW*Y2#$@_y*;ED<5b7xpD`Fe-r!s|I1
z5o_dEYs#;^@^8_vmYzAn0bY4q4ExI+wq$s6UTv6EmdvU9l||=am8a=zPK`|SX%~Y0
z4+yR6&-(Y|pMli;zhx_h3;dVQci@)#z$)XgQBh;|@6X>jj_YO|Sb5`<!+|?dhkpf^
zZhHQ_<I*wf4U8)<PSQxoNO>j7HCrH~$kiv)Cgiq}qQdrX6V3+#Mc6LgxVq?LK<Vk0
zhKRQxEWLA_7I2<CywUyf!e7%k857?ICkN#^EwBuIBGcO*yTymYVyWlz>IAX-30&Q}
z7b|WA0QCjT?z2vilFhNzSXh|yM_hNYZ9uN=3x{5C(h87W!RI3LgM0Es_4Uhq?=AzS
NV^3E<mvv4FO#mS)W+eas

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/live.png b/src/assets/img/apartmentDetail/live.png
new file mode 100644
index 0000000000000000000000000000000000000000..40c6fb6f2973db8538de7db7e1be27373872db7b
GIT binary patch
literal 887
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|Tv8)E(|mmy
zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(<^uz(rC1}St4blSkc!1U15#WAFU
z@oi*d?rjI2601hH3v3_Rt^(mVj++baF1V?1bHO>5LiG%*#=VYP9jn?;9cW(grN;aJ
zv>+jcFHhu8D*sRBIF<JJk?;r3A1pOYc8&kbn99vx>~T7)e<A9M-Ql{%vP1t9&*)nH
zWUTGiFg#Kx@vyVL{g~AB-#v+MR<-i}X*%_6jahQIb<4`L@oigfDcbPPsbT-GyruEl
z-XdT5?|QxM{?DSOnj}b@6-3HET))8i&|c*)P5kqD|E!)EZoqr8xYi@Ve@##Nxlj+@
zX_IQ$<^8W~9Wioy=6N!4)z_0PUd*Oke+2E!Qbdy^m6uNKTUpk}c!g_a^P}#aTO@SL
zb^Jfp3QZ6H9wlVdZ#E^n*uU$x;xEx(>{_1Fw)xvmm!0SOgfrC3JaeskUgT58n`=|@
zT7OR~W?C-F(;#zp(l6VF<x-RHGn6oWiM$c^c{xMahWD-h#=*ZY6|J!2Q&_fENU~e<
z*7TL%+J2o$ohI|1F?y+0zU!(C!_urt5_ZQKOeUQ-R64a!ELeNTqIC;bOa1zpr_frz
zTh`=A@7m7P9+B78?LD*4$|=jf+v;^xw<bsDNM?3Y$J9%Q7Ctnc-!u2@wXV#4mmOTq
z%G$CFzZCjs%e~_*<~!<X|1r`<Olq^do5Y)q-+64mo%$+grE<nJ%=;bh)0uCkw<eVt
z?|ii1KYgQBQGMH{Dy~S4w9oFVuLjTD)3f#8ht?RMlj|8<U4yR03wMVeFjiaY*5Rv@
z-rnvSbX|SQO~;#eCKU8bB;8lnaLS$Z>zq$e@d@cka~9SFZM(3m{*htincA6+wo7-i
z8SFgl!BiY?8P}?OXWG`c%n{crr=&kNU-0M5^w5j>2R5BsY$Ls&@oD<LHC=Vg(@N!@
z-u%I<VgETb^o#U{HJ>%kAIo=mbY|=S>#EC6@SQ)kk@2tQ{a0Q`CMAd6RIcuHTes3N
z&ok*?ncAjn8=^B*|7<t17O`_Uzg_7;X)Ti-<NOBy1L_+NasFYoWvzSj&D&@pDA9Ym
L`njxgN@xNA8U227

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/location-icon.png b/src/assets/img/apartmentDetail/location-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d0f967dbb7c2ac6494175f2b30dc009291568ee
GIT binary patch
literal 1220
zcmV;#1UvhQP)<h;3K|Lk000e1NJLTq001-q002M;1^@s6Rm)U700001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91G@t_j1ONa40RR91KmY&$08#C$3;+NGE=fc|RA>e5TU&@tQ5c>v!?=wM
zHLfKi55$w)W<*32rbM}v$&2C5gA`sw9_2-8!sA3qxs_xn56BcVlv@cC<9-jhWX$k=
zowHBttoGh#ugl(hoy=d~?6ueWZ{J#Lud~+PO-V_gxZMM#meZ?(zXd=YFcp{tR0Bf*
z%6H%`&<Q*Mt^rqo&ww*B5ScUr7l9t&uOj|HzZF;yQ~;^TAVl5<yaH571nIwoudM((
zDN$LDXitEk#7yfS!}ro87_sLL#7IQ$h!(^e92c?CaNLm~8IRme#2jUtR1F-)ImNu>
zgRY!{6K#>=vilGS3YJtoJCw7;NVt;S0+LF)P@Hz;VzdGtc8H8ewi!8TNdv4rC$3$U
zmvm0GG#7zF9mqvOY3glvcyv6n+)+dlGUpb=Gj#R(8aZ+%<w?K1yUfiRT*ms;yH>>|
zd{vaBE<wr0s9cAiCV)SP1F~Rw6VL|Oh;adaLS+P6djOMQUtqsFG)ks%EiPXHlUO`@
z49~dp|H~mX3GfN_)BIig)=oz)4|gUpSBReFXK0?-s8L=An|lg&ccIIJor#3zd>)>4
zd+U@zR%Z?3o(qfn$iVU9FvkVj>J8#@;~Xd-(4sR!KVVlL=(TV|f2jNfbYj03-OJBV
zrP!!Yeg<8xIJ(jeL;BE>VWN>tNH;0=Y+Az3$caqoW3EN5Fb?XnFBK1EP^J$Z$;(+z
zBCk=wJBNL?g1)R;hl-(cWyE_v_c@UXal@x8+|uaEMqNYLh332)3OXwdZTS4n090ib
z3{19LyTStUw?vl^?YL5@?9}<(JU5KF5cYw>WxE?NA=L%@D9=+Z^j;Xo`VD*ULja2Y
zat75VglNktbPV8#^GDMY9wU|j$AMnJG|ox*C@9OIVH!xZXD@QpIJHbiU-Zi|w@d|v
zE8kN<Hg@fv-<af88dd(X8P%>4kn?HsPu;(k%x^eMssp)29vzS3Toi0PxN^^$-ZQ5;
zUXrTUBQP*cz_$G%RT82;-+SG5h!l_P#vi~Y!wKKy*zRdnf8UV96u^q`m6K`$w)GpW
zFcF+Ir%39ckcYKm1w6H<K#Jd389Nr40I#|)Qgo&uUqaTz!bEV|fN~PQPmHlrh#PBh
zKfLSoxQflbSQ$vp%W;1-MpA9?&7(%5G9J<10V=&7MVCH#l1)VxAu8V`L`gJ?4iAR)
zsW1_O?zKp0kKi}8BDe9aK$H;()42>EWvQ`{0$1bS<b}r@*pHEXrhd!w6W<?%je=hr
z-!sflJ^O$Jc4`pX5#Y;->QZEJT7eY5zR|{MsX}(0fZy~I>$;#b(rG3_ax+o>1&9R1
zGM}|tLBA-9TS5r2ttjOvvKB{%<r788B%3rpgxv=`Qg=|!`zD&zvvx^hg{efg8-QM*
i1>nC6^vQqQ1OEWx8K-+)l}2m;0000<MNUMnLSTXv(iR*5

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/mini-program-title.png b/src/assets/img/apartmentDetail/mini-program-title.png
new file mode 100644
index 0000000000000000000000000000000000000000..59974aae7d1bafb65fb1534dbaa164e2b2abc9ef
GIT binary patch
literal 7173
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/same-brand.png b/src/assets/img/apartmentDetail/same-brand.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3aaba685e1ea9f8dc3a2581a8d01c32c05e21c1
GIT binary patch
literal 1228
zcmV;-1T*`IP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91K%fHv1ONa40RR91KmY&$07g+lumAuAHc3Q5RCod1Sj%zSFcgfFOLAj6
zKnGz5QU_KENCi;`<}pWiAe7)^ZlNnMI}kfCQ$e!p5F8MKL=pr*(mS(*5AojHef-Gd
zyASb^qr?u}gIPObxQY^28j#~NSb>|vJrtk7SMcvlG6!=p=c*x~?g0#8`dZVNn>7Tu
z8t}2^9l9nu);?>p_M&(|^_X{jsCoK{NZy1T6<@$1fvK)j3pFKyM3q#=rq-dhs5l|}
zR8gtVQ)6%}^`Y}^9-9#C1Ia{ddf&%3g_?sjf!!QibZzITeHONCUf&GwCP=hSC)xT)
zFO!ht^eeb^<61wx(9>va@uR2BUK{CY6bhWWmSpSu$Dt1JXX8CR`t}W@H+t;wshj<u
z{KT-g_TJO-Gt7Jee`!;9dV*1aXJhR<{e!?Kur?B~>wEB<v3G0A{{)rRfgJ05YtMK2
z6@iT%Twud~WTvc3#P7jd5V)v7S6&J#KsM_ZBrfu-E63Qq0`V7^^X?xnvfbXuak&Py
z;1cs8<2cfRXP-bFKXs(n9u8PdO`^{;)(13EfyyVijbW_TF?H<e_Dytbg}4TR&D?dt
z*vpK$@AL_QQ_b_dG7I`V{-v3~m>)1dgId&36O2%=DVx|B^>p2#v3m_DaOkk>`W|sM
zPT1ht8Z1Bwra*xrE{#KbZ#U=Y5nLn2hQtO7Dlh|6LZH}?S=V)XzxuP}3ebCx476~@
zx&~95*D_dJ>l-_&j|dXrR5VsVj<o<4XkWut64V}51RJpP2&}A_tX-GZe#&L-QEbNs
z_&``eCDz|Tj!QxK6!vX^zT;+1WiGZfAN#>D&%Lb7Aa97NZ_3;|(Df87)fc%$1JqJ(
z9d*x3G=Ps;?huoD>o~(aJ$SzY4Cdd{OTG&Gnfl)vP|i%k58@I{;M2z&Koh<!`7>C9
zb3h@#!IVu1RkLOTsyXi4SS?5d$TgHg;y|dU?#(;J`#wT;93M&Miv@|qcFj5KPHPh|
zajYhUHc!tT6lQZeX~%|cf()#WdKK8=fSGM#?mAQxWCU&WM$bKjd<}H-<~Bh>q0SX@
ztb5MeMS(G75uMAo2{Mu%>MFns2<&Llp~tCBc!;Ql-ZIdMN9=|+uk*19(pj~?dBRf1
z#2AZyx&DfsiSaEkjmUn<-YT|vdZWjiC~(yj9AhpW3Syh5kE5fmbF0E`4C7|bA8lpc
zkrd|XX*6=2Y(P_Rj5)sxG4k3u>4lyqLE^NXXsc^_@q$9sR!wW&^e_tw(K^}IMrxmp
z3>hkLYv!q$+Jk_J6u6ZpP-_$@WL<j`s4*%evahiT4Rldk66B~-foo|5wNO)X6sXvM
zOErSEsbNuMsII`&O?X62)?N(+loTNEN~~ruH){xR)i^+%0z))|Ihcz%gX1oE#><2`
qw)QPEj63iao^g?;%a#?!X!r*yN@ps1h?nR90000<MNUMnLSTaVg(FP>

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/scan-icon.png b/src/assets/img/apartmentDetail/scan-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f72331d56985c3f081dce56eef5ce31f2c283bde
GIT binary patch
literal 751
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}E~ycoX}-P;
zT0k}j17mw80}DtA5K93u0|WB{Mh0de%?J`(zyy~ySip>6gB0F2&*5QUV2bo~aSX{|
zeLM5Co=%`h+w3ij%IPj1ePSmK6OTQyVfiSaCw#=^k(s#hN102UmUGlC{1d#a^#qlj
znXmuP-a6^(+U^d$z24uv{=L~6zVZ8hz0kd@!xnys+Lba(_#c<}p}8NXG_l^a*IqMm
zn_czchXFH0ty;}fy~6cdx3Io`8)+S|U;dm=1^=zPDW1R9U3i|eaOGd65HYddi0DNE
zl_ze?6uaK=J{HZx`(%EOJMSBL!`>JD^~?V-s~T(gaH$@A638{@Vfcb)wKr`t_9=<9
z1}t%Q31i(689CQ`{XOA38`4r*YF2DgOPcqZ$EEVtjE@mj9uwQ=iyH+B_Pl2_H#E)I
zr2q7u8e^YL*y_^x1=2?w<=nrVdAV@af7y+3G9Ofhi@x-3e;#q9F~+-O!PS@Dk{P9J
z7QaL4&k8A>wYZ(~_HuOk@-^T4ULWT;0)$sw8;-x&u|cQgdMtNsm2y+G#Q|<7&l8J7
zEWAFHO%AVAVoqjK{i2*67vMD8^0CazV?aGMyE#5coc+t)Te~bd=h*juYc|JR7U<Of
z8rlAP@7H9ud))!ouJ3nc%i8xXO?IQ&n)uJAb9rKRyVhIThHQP(5xelR%eMPX!Y{WJ
zI*IO>%XREKzst*p*^LwP5>{+d1p3;<B{MW`2lp1EmuziQICre!-gmZYS*3cqV#~MM
z$PfNYgU@FEy0|kZb#b-F@5A{H1`99tu8nd^i<$Ds_RC7I%a+q?!XlJ&|GJe~oV&fu
z?$K?dOZ%43aT4A2*`@9{M-}^qi_L#k3zFqIrZ@ecd*O?B>)wYBD+}Jp`<3wOf8tp=
WV^jaFknSc>V)JzMb6Mw<&;$TUuRDzZ

literal 0
HcmV?d00001

diff --git a/src/assets/img/apartmentDetail/special-offer.svg b/src/assets/img/apartmentDetail/special-offer.svg
new file mode 100644
index 0000000..dfa2c73
--- /dev/null
+++ b/src/assets/img/apartmentDetail/special-offer.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="22px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="-50.00%" y="-50.00%" width="200.00%" height="200.00%" filterUnits="objectBoundingBox" id="filter1186">
+      <feColorMatrix type="matrix" values="3.06666666666667 0 0 0 -1.03333333333333  0 3.06666666666667 0 0 -1.03333333333333  0 0 3.06666666666667 0 -1.03333333333333  0 0 0 1 0  " in="SourceGraphic" />
+    </filter>
+  </defs>
+  <g transform="matrix(1 0 0 1 -390 -1877 )">
+    <image preserveAspectRatio="none" style="overflow:visible" width="20" height="22" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA2CAYAAACFrsqnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAANgAAAACASwlrAAADJElEQVRoBe1Z2ZHaQBBdAf8mA+N/KOQIrI3AhGBHsLsRLERgMjAbgckAiMDi+DebAfxz+D15WjUSQtJoGYp1zVRR3er7dY+Ejrs7t1wHrHTAe2tU3/db+/3+I+Msl8uZSTz4NuHbNfXLylEZCIrwd7vdDwQN9MCe543q9fpTGIYbXa7z7Xb7GXaPx+OxKXLlN4DfWmQmtBIQFBIgySQnUdhoNO7TYDgBgKefn+ULMBs0gX5hlj5PVstTZulYDBL+Eh34F/D3tVrtCfRVyX1smaHYCAWIPngBQduB+kV+nBD8JswBudHyjKxhjGn0QZ7px+IXi0VcsOr4FKou9ZjKJ9kq0LUA5A/lWK/Q+dBteEA/ABgByFcep+NSVrSMJ4KAAYNiElsdBGUsDPI+eS4U/viPS/K0ERDUk8eWim0Ph0NP/MrSKkAk9lEYneIKNMZxtFVQcNRh6oUH3cJmRJm+AGatHX/R+FJso5RVhpF+xclQE8wDbFrYNj71mE6LFIu6k0U72Ih8LkxZajwRdHQtwTudzk/hUzQuFsX1+NP0U42PWGDg1SyOhRxh2qbo2PhkV537LYEVsDGTYwJrkYOfKn6maLRdcCJ/0+ya4H34UtZSdomLhMiKqDEQBsSVawjyUBRc9Ch0g0KbcpxHYfs96xzK86HuBAi2Sw9JyxQZFAU31SvAhdsKdi9psAkg6W1jWsg17fE/9BlXuhh04mTHCVdq/Ncs+FyudK0JIOec3oPcAbm1KbmJuIlY6oDbWpYaWzmsm0jl1llyTEwE9y+8dzF+qLFUW17Y+Wq1muoGiZtGKtRDjq8b3RrPhmNtbq2ui9RzMhE9Km/r8Zrmgy4z4fHMMBN7ThqxunJcheJNy1a/dddj5L58wK3yEMbGbzS0BHGjEIvbdaLpjFnEYGOCLMfEyZ5l8F5kDsitTcpNxE3EUgfc1rLU2Mph3UQqt86So5uIpcZWDusmUrl1lhxzJ8LvFZbyXjxsEZDpxTO+ISA+243PuecCUd/Rb+VlxDz9XV8HlQuEhnhbwSe7AX7xYyvlV1zMO8ALh+CKOV0q14H/rgN/AVikJfj7A8KQAAAAAElFTkSuQmCC" x="390px" y="1877px" filter="url(#filter1186)" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/components/public/login.vue b/src/components/public/login.vue
index 03c72bd..9a5d3b5 100644
--- a/src/components/public/login.vue
+++ b/src/components/public/login.vue
@@ -8,7 +8,6 @@ import { ref, watch, onMounted, getCurrentInstance, nextTick, createApp } from '
 import store from '@/store/index';
 
 
-console.log("store", store);
 let showLoginModal = ref(false);
 
 watch(() => store.state.showloginmodal, (newValue) => {
diff --git a/src/views/apartmentDetail.vue b/src/views/apartmentDetail.vue
index c41e659..678b531 100644
--- a/src/views/apartmentDetail.vue
+++ b/src/views/apartmentDetail.vue
@@ -23,37 +23,175 @@
         </div>
         <div class="details-box flexflex">
             <div class="details-left flex1">
-                <div class="type-box">
-                    <div class="type-item">
+                <!-- 类型数据 -->
+                <!-- <div class="type-box" v-if="roomList.length != 0"> -->
+                <div class="type-box" v-if="false">
+                    <div class="type-item flexacenter" v-for="item in roomList">
+                        <img class="type-icon" v-if="item['status'] == 1"
+                            src="@/assets/img/apartmentDetail/apartment-have.svg" />
+                        <img class="type-icon" v-else src="@/assets/img/apartmentDetail/apartment-not.svg" />
                         <div class="type-left flex1">
-                            <div class="type-name">双人套间A</div>
+                            <div class="type-name">{{ item['name'] }}</div>
                             <div class="type-tags flexacenter">
-                                <div class="tags-item flexcenter" :class="{ 'first': item == 1 }" v-for="item in 4">仅剩1间
-                                </div>
+                                <div class="tags-item flexcenter first" v-if="item.allowance">仅剩{{ item.allowance }}间</div>
+                                <div class="tags-item flexcenter" v-for="it in item.tags">{{ it }}</div>
+
+
                             </div>
                             <div class="media-box flexflex">
-                                <div class="media-item flexcenter" v-for="item in 5">
-                                    <img class="media-img"
-                                        src="https://axure-file.lanhuapp.com/md5__c1c85f2680e7e9a2026de4d381081fc6.svg">
+                                <div class="media-item flexcenter" v-for="it in item['videos']">
+                                    <img class="media-img" :src="it['thumbnail']">
                                     <img class="media-icon" src="@/assets/img/apartmentDetail/media-icon.svg" />
                                 </div>
+                                <div class="media-item flexcenter" v-for="it in item['images']">
+                                    <img class="media-img" :src="it['thumbnail']">
+                                </div>
                             </div>
                         </div>
-                        <div class="type-right">
+                        <div class="type-right flexacenter">
                             <div class="price-box flexflex">
-                                <div class="former">HK$ 7600/月</div>
+                                <div class="former">HK$ {{ item['price'] }}/月</div>
                                 <div class="new flexacenter">
                                     <div class="unit">HK$</div>
-                                    <div class="cost">8200</div>
+                                    <div class="cost">{{ item['discountprice'] }}</div>
                                     /月
                                 </div>
                             </div>
-                            <div class="consult-btn flexcenter">咨询</div>
+                            <div class="consult-btn flexcenter" v-if="item['status'] == 1">咨询</div>
+                            <div class="full-occupancy flexcenter" v-else>已租满</div>
                         </div>
                     </div>
                 </div>
+
+                <!-- 优惠活动 -->
+                <!-- <div class="details-item special-offer" v-if="info['promotionalactivities']"> -->
+                <div class="details-item special-offer" v-if="false">
+                    <div class="details-header flexacenter">
+                        <img class="icon" src="@/assets/img/apartmentDetail/special-offer.svg">
+                        优惠活动
+                    </div>
+                    <div class="text" v-html="info['promotionalactivities']"></div>
+                </div>
+
+                <!-- 地址 -->
+                <div class="details-item location" v-if="false">
+                    <div class="details-header flexacenter">
+                        <img class="icon" src="@/assets/img/apartmentDetail/location-icon.png">
+                        {{ info.location || '位置' }}
+                    </div>
+
+                    <!-- 交通 -->
+                    <div class="traffic-box" v-if="info['traffic']">
+                        <div class="traffic-title item-title flexcenter">交通</div>
+                        <div class="traffic-content" v-html="info['traffic']"></div>
+                    </div>
+                </div>
+
+                <!-- 房源详情 -->
+                <!-- <div class="details-item special-offer" v-if="info['message']"> -->
+                <div class="details-item listing-details" v-if="false">
+                    <div class="details-header flexacenter">
+                        <img class="icon" src="@/assets/img/apartmentDetail/listing-details.png">
+                        房源详情
+                    </div>
+                    <div class="text" v-html="info['message']"></div>
+                </div>
+
+                <!-- 公寓设施 -->
+                <div class="details-item apartment-facilities" v-if="info['message']">
+                    <div class="details-header flexacenter">
+                        <img class="icon" src="@/assets/img/apartmentDetail/apartment-facilities.svg">
+                        公寓设施
+                    </div>
+                    <div class="facilities-box">
+                        <div class="facilities-item flexflex" v-for="(item, key) of facilitiesKeyValue">
+                            <div class="facilities-header flexflex">
+                                <div class="item-title">{{ item }}</div>
+                            </div>
+                            <div class="facilities-list flexflex flex1">
+                                <div class="item flexcenter" v-for="it in info['facilities'][key]">
+                                    <img class="icon" src="@/assets/img/apartmentDetail/blue-tick.svg" />
+                                    {{ it }}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 生活 -->
+                <!-- <div class="details-item life" v-if="info['life']"> -->
+                <div class="details-item life" v-if="false">
+                    <div class="details-header flexacenter">
+                        <img class="icon" src="@/assets/img/apartmentDetail/live.png">
+                        生活
+                    </div>
+                    <div class="text" v-html="info['life']"></div>
+                </div>
+
+                <!-- 品牌介绍 -->
+                <!-- <div class="details-item company" v-if="company"> -->
+                <div class="details-item company" v-if="false">
+                    <div class="details-header flexacenter">
+                        <img class="icon" src="@/assets/img/apartmentDetail/live.png">
+                        品牌介绍
+                    </div>
+                    <img class="company-img flexflex" :src="company['imageurl']">
+                    <div class="text" v-html="company['introduction']"></div>
+                </div>
+
+                <div class="details-item hint-box">
+                    <div class="hint-item">
+                        温馨提示：房源信息均由公寓方/酒店提供并对其真实性、合法性等负责，平台不负责甄别和审核具体内容真实性和有效性等，请务必仔细核实相关信息，谨防上当受骗。
+                    </div>
+                    <div class="hint-item"></div>
+                    <div class="hint-item flexacenter">
+                        公寓/酒店/中介房源推广合作请联系：<a href="mailto:ad@gter.net">ad@gter.net</a>
+                    </div>
+                </div>
             </div>
             <div class="details-right flexacenter">
+                <div class="QRcode-box apartment-QRcode flexflex" v-if="false">
+                    <img class="mini-program-title" src="@/assets/img/apartmentDetail/mini-program-title.png">
+                    <div class="QRcode-case flexcenter">
+                        <img class="QRcode-img" src="" alt="">
+                    </div>
+
+                    <div class="apartment-QRcode-hint flexacenter">
+                        <img class="scan-icon" src="@/assets/img/apartmentDetail/scan-icon.png">
+                        手机查看该公寓
+                    </div>
+                </div>
+                <div class="QRcode-box group-QRcode flexflex" v-if="false">
+                    <img class="group-title" src="@/assets/img/apartmentDetail/group-title.png">
+                    <div class="QRcode-case flexcenter">
+                        <img class="QRcode-img" src="" alt="">
+                    </div>
+
+                    <div class="group-QRcode-hint flexacenter">
+                        <img class="scan-icon" src="@/assets/img/apartmentDetail/scan-icon.png">
+                        入群请添加
+                        <b>方同学的小助手</b>
+                    </div>
+                </div>
+                <!-- 同品牌公寓 -->
+                <div class="same-brand-title flexcenter">
+                    <img class="same-brand-icon" src="@/assets/img/apartmentDetail/same-brand.png">
+                    同品牌其他公寓
+                </div>
+
+                <div class="same-brand-list">
+                    <div class="same-brand-item">
+                        <div class="same-brand-header">
+                            <img class="same-brand-img"
+                                src="https://axure-file.lanhuapp.com/md5__27da7a1a511d30b97b139f58626415e5.svg" />
+                            <div class="apartment-name">ZHELI這裡佐敦学生公寓</div>
+                            <div class="apartment-synopsis"></div>
+                        </div>
+
+
+
+                    </div>
+                </div>
 
             </div>
         </div>
@@ -62,12 +200,38 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, onMounted, onUnmounted, watch, getCurrentInstance, nextTick } from 'vue';
+
 import pageTopBar from '../components/pageTopBar/pageTopBar.vue';
 
-const uniqid = "1qfWOLTPbyPH"
+const uniqid = "zXGnbKbee4Kb"
+const { proxy } = getCurrentInstance()
+
+// 房间类型
+let roomList = ref([])
+let info = ref({})
+
+let facilitiesKeyValue = {  // 设施的键值对
+    public: "公共",
+    kitchen: "餐厨",
+    lavatory: "洗手间",
+}
+
+let company = {} // 品牌数据
+
+proxy.$get("/tenement/pc/api/apartment/details", { uniqid }).then(res => {
+    console.log(res.data, "res");
+    if (res.code != 200) return
+    let data = res.data
+    roomList.value = data['roomList']
+    info.value = data['info']
+
+    company = data['company']
+
+    console.log(company);
+})
+
 
-let input = ref("")
 </script>
 
 <style lang="less" scoped>
@@ -115,6 +279,7 @@ let input = ref("")
         box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
         font-size: 14px;
         padding: 0 30px;
+        margin-bottom: 20px;
         justify-content: space-between;
 
         .nav-box {
@@ -174,14 +339,12 @@ let input = ref("")
 
     .details-box {
         justify-content: space-between;
-        height: 100px;
-        background-color: #FDDA55;
+        align-items: flex-start;
 
         .details-left {
             .type-box {
                 .type-item {
                     width: 876px;
-                    height: 230px;
                     background-color: rgba(255, 255, 255, 1);
                     border: 1px solid rgba(235, 235, 235, 1);
                     border-radius: 16px;
@@ -189,6 +352,18 @@ let input = ref("")
                     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
                     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
                     font-size: 14px;
+                    padding: 30px;
+                    margin-bottom: 20px;
+                    position: relative;
+
+                    .type-icon {
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 40px;
+                        height: 40px;
+                        transform: rotate(270deg);
+                    }
 
                     .type-left {
 
@@ -196,9 +371,12 @@ let input = ref("")
                             font-weight: 650;
                             font-size: 20px;
                             color: #000000;
+                            margin-bottom: 16px;
                         }
 
                         .type-tags {
+                            margin-bottom: 20px;
+
                             .tags-item {
                                 height: 24px;
                                 background-color: rgba(242, 242, 242, 1);
@@ -220,11 +398,16 @@ let input = ref("")
                         .media-box {
                             .media-item {
                                 position: relative;
-                                height: 80px;
+
                                 margin-right: 10px;
 
 
-                                .media-img {}
+                                .media-img {
+                                    // width: 76px;
+                                    height: 80px;
+                                    border-radius: 10px;
+                                    cursor: pointer;
+                                }
 
                                 .media-icon {
                                     position: absolute;
@@ -242,21 +425,36 @@ let input = ref("")
                         .price-box {
                             flex-direction: column;
                             align-items: flex-end;
+                            margin-right: 20px;
 
                             .former {
                                 color: #AAAAAA;
                                 font-size: 14px;
                                 text-decoration: line-through;
                                 text-decoration-color: #797979;
+                                margin-bottom: 3px;
                             }
 
                             .new {
+
                                 .unit {
                                     font-family: 'Arial-Black', 'Arial Black', sans-serif;
                                     font-weight: 900;
                                     color: #000000;
                                     font-size: 16px;
                                 }
+
+                                .cost {
+                                    font-family: 'Arial-Black', 'Arial Black', sans-serif;
+                                    font-weight: 900;
+                                    font-size: 24px;
+                                    color: #F95D5D;
+                                    margin: 0 6px;
+                                }
+
+                                align-items: baseline;
+                                font-size: 14px;
+                                color: #555555;
                             }
                         }
 
@@ -272,14 +470,313 @@ let input = ref("")
                             color: #FFFFFF;
                             cursor: pointer;
                         }
+
+                        .full-occupancy {
+                            width: 90px;
+                            height: 40px;
+                            background-color: rgba(237, 246, 255, 0);
+                            border: 1px solid rgba(215, 215, 215, 1);
+                            border-radius: 36px;
+                            font-weight: 400;
+                            font-size: 16px;
+                            color: #AAAAAA;
+                        }
                     }
 
                 }
             }
+
+            .item-title {
+                padding: 0 11px;
+                height: 26px;
+                background-color: rgba(51, 51, 51, 1);
+                border-radius: 8px;
+                font-size: 14px;
+                color: #FFFFFF;
+                line-height: 26px;
+                display: inline-block;
+            }
+
+            .details-item {
+                width: 876px;
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(235, 235, 235, 1);
+                border-radius: 16px;
+                -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+                -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+                font-size: 14px;
+                margin-bottom: 20px;
+
+                .details-header {
+                    height: 82px;
+                    padding: 0 30px;
+                    border-bottom: 1px solid #ebebeb;
+                    font-size: 16px;
+                    color: #000000;
+
+                    .icon {
+                        width: 20px;
+                        height: 22px;
+                        margin-right: 4px;
+                    }
+                }
+
+                .text {
+                    font-weight: 400;
+                    font-size: 16px;
+                    color: #555555;
+                    line-height: 30px;
+                    padding: 20px 30px;
+                    white-space: pre-line;
+                }
+
+                .traffic-box {
+                    padding: 0 30px;
+
+                    .traffic-title {
+                        margin-bottom: 16px;
+                    }
+
+                    font-weight: 400;
+                    font-size: 16px;
+                    color: #555555;
+                    line-height: 30px;
+                    white-space: pre-line;
+                    padding-bottom: 30px;
+                }
+
+
+                &.apartment-facilities {
+
+                    .facilities-box {
+                        padding: 30px;
+
+                        .facilities-item {
+                            align-items: flex-start;
+
+                            &:not(:last-of-type) {
+                                margin-bottom: 30px;
+                            }
+
+                            .facilities-header {
+                                width: 100px;
+                            }
+
+                            .facilities-list {
+                                flex-wrap: wrap;
+
+                                .item {
+                                    font-size: 16px;
+                                    line-height: 26px;
+                                    color: #333333;
+                                    margin-bottom: 10px;
+                                    margin-right: 50px;
+
+                                    .icon {
+                                        width: 16px;
+                                        height: 16px;
+                                        margin-right: 10px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+
+                &.company {
+                    .company-img {
+                        width: 420px;
+                        height: 254px;
+                        margin: 0 auto;
+                    }
+                }
+
+                &.hint-box {
+                    color: #7F7F7F;
+                    line-height: 24px;
+                    font-size: 13px;
+                    padding: 30px;
+
+                    .hint-item {
+                        min-height: 24px;
+
+                        a {
+                            color: #7F7F7F;
+                            text-decoration: underline;
+                        }
+                    }
+                }
+            }
         }
 
         .details-right {
             width: 304px;
+            flex-direction: column;
+
+            .QRcode-box {
+                width: 304px;
+                height: 304px;
+                background-color: rgba(255, 255, 255, 1);
+                border: 1px solid rgba(235, 235, 235, 1);
+                border-radius: 16px;
+                -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+                -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+                flex-direction: column;
+                align-items: center;
+                margin-bottom: 20px;
+
+                .scan-icon {
+                    width: 14px;
+                    height: 14px;
+                    margin-right: 7px;
+                }
+
+                &.apartment-QRcode {
+                    padding: 40px 0;
+
+                    .mini-program-title {
+                        width: 201px;
+                        height: 24px;
+                        margin-bottom: 28px;
+                    }
+
+                    .QRcode-case {
+                        width: 120px;
+                        height: 120px;
+                        background-color: rgba(255, 255, 255, 1);
+                        border-radius: 70px;
+                        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12156862745098);
+                        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12156862745098);
+                        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12156862745098);
+                        margin-bottom: 33px;
+
+                        .QRcode-img {
+                            width: 103px;
+                            height: 103px;
+                        }
+                    }
+
+                    .apartment-QRcode-hint {
+                        font-size: 14px;
+                        color: #000000;
+                    }
+                }
+
+                &.group-QRcode {
+                    padding: 40px 0;
+
+                    .group-title {
+                        width: 140px;
+                        height: 26px;
+                        margin-bottom: 26px;
+                    }
+
+                    .QRcode-case {
+                        width: 120px;
+                        height: 120px;
+                        background-color: rgba(255, 255, 255, 1);
+                        border-radius: 15px;
+                        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12156862745098);
+                        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12156862745098);
+                        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12156862745098);
+                        margin-bottom: 28px;
+
+                        .QRcode-img {
+                            width: 100px;
+                            height: 100px;
+                        }
+                    }
+
+                    .group-QRcode-hint {
+                        color: #555555;
+                        font-size: 14px;
+
+                        b {
+                            font-size: 14px;
+                            color: #000;
+                            font-weight: 650;
+                            margin-left: 5px;
+                        }
+                    }
+                }
+            }
+
+            .same-brand-title {
+                margin-bottom: 20px;
+                font-size: 18px;
+                color: #000000;
+                background: -webkit-linear-gradient(350.348166533196deg, rgba(253, 218, 85, 1) 0%, rgba(229, 215, 190, 1) 50%, rgba(203, 254, 191, 1) 100%);
+                background: -moz-linear-gradient(99.6518334668042deg, rgba(253, 218, 85, 1) 0%, rgba(229, 215, 190, 1) 50%, rgba(203, 254, 191, 1) 100%);
+                background: linear-gradient(99.6518334668042deg, rgba(253, 218, 85, 1) 0%, rgba(229, 215, 190, 1) 50%, rgba(203, 254, 191, 1) 100%);
+                border-radius: 12px;
+                width: 304px;
+                height: 60px;
+                border: 5px solid #fff;
+                position: relative;
+                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11764706);
+
+                &::after {
+                    content: "";
+                    position: absolute;
+                    width: 10px;
+                    height: 10px;
+                    background-color: #fff;
+                    transform: rotate(45deg) translateX(-50%);
+                    left: 50%;
+                    bottom: -14px;
+                    z-index: -1;
+                }
+
+                .same-brand-icon {
+                    width: 24px;
+                    height: 24px;
+                    margin-right: 4px;
+                }
+            }
+
+            .same-brand-list {
+                .same-brand-item {
+                    width: 304px;
+                    height: 440px;
+                    background-color: rgba(255, 255, 255, 1);
+                    border-radius: 17px;
+                    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.156862745098039);
+                    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.156862745098039);
+                    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.156862745098039);
+
+                    .same-brand-header {
+                        width: 288px;
+                        height: 192px;
+                        overflow: hidden;
+                        border-radius: 20px;
+                        margin: 0 auto;
+                        position: relative;
+
+                        .same-brand-img {
+                            width: 288px;
+                            height: 192px;
+                        }
+
+                        .apartment-name {
+                            font-weight: 650;
+                            font-style: normal;
+                            font-size: 16px;
+                            color: #000000;
+                            padding: 0 15px;
+                            height: 32px;
+                            position: absolute;
+                            top: 50%;
+                            left: 50%;
+                            transform: translate(-50%, -50%);
+                        }
+
+                        .apartment-synopsis {}
+
+                    }
+                }
+            }
         }
     }