From d201c8892f4075a52cc47d114cc3c4f74999b5e8 Mon Sep 17 00:00:00 2001 From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com> Date: Wed, 14 May 2025 18:52:31 +0800 Subject: [PATCH] =?UTF-8?q?4.6=E6=8E=A5=E6=8E=A5=E5=8F=A3=E5=92=8C?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../img/apartmentDetail/arrow-black.svg | 6 + .../img/apartmentDetail/orientation.png | Bin 0 -> 2705 bytes .../same-brand-recommendation.png | Bin 0 -> 1228 bytes src/assets/img/apartmentDetail/same-brand.png | Bin 1228 -> 1062 bytes .../img/apartmentDetail/subway-icon.png | Bin 0 -> 1260 bytes src/assets/img/apartmentDetail/taxi-icon.png | Bin 0 -> 1036 bytes .../img/apartmentDetail/tick-circle-red.svg | 6 + src/assets/img/apartmentDetail/u1834.png | Bin 0 -> 1369 bytes src/assets/img/apartmentDetail/walk-icon.png | Bin 0 -> 1279 bytes src/assets/img/publicImage/apartment-icon.png | Bin 0 -> 1760 bytes .../img/publicImage/apartment-title.png | Bin 0 -> 5439 bytes src/assets/styles/apartmentDetail.css | 163 ++---- src/assets/styles/apartmentDetail.less | 183 ++---- src/components/apartment/sameBrandItem.vue | 176 ++++++ src/components/apartment/seachModule.vue | 2 +- src/components/public/apartment-item.vue | 26 +- src/components/public/viewMap.vue | 7 +- src/store/index.js | 81 ++- src/utils/util.js | 8 + src/views/apartmentDetail.vue | 533 +++++++++++++++--- src/views/housingView/apartment.vue | 227 ++++---- src/views/user.vue | 336 +++++------ 22 files changed, 1064 insertions(+), 690 deletions(-) create mode 100644 src/assets/img/apartmentDetail/arrow-black.svg create mode 100644 src/assets/img/apartmentDetail/orientation.png create mode 100644 src/assets/img/apartmentDetail/same-brand-recommendation.png create mode 100644 src/assets/img/apartmentDetail/subway-icon.png create mode 100644 src/assets/img/apartmentDetail/taxi-icon.png create mode 100644 src/assets/img/apartmentDetail/tick-circle-red.svg create mode 100644 src/assets/img/apartmentDetail/u1834.png create mode 100644 src/assets/img/apartmentDetail/walk-icon.png create mode 100644 src/assets/img/publicImage/apartment-icon.png create mode 100644 src/assets/img/publicImage/apartment-title.png create mode 100644 src/components/apartment/sameBrandItem.vue diff --git a/src/assets/img/apartmentDetail/arrow-black.svg b/src/assets/img/apartmentDetail/arrow-black.svg new file mode 100644 index 0000000..e84f6f7 --- /dev/null +++ b/src/assets/img/apartmentDetail/arrow-black.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/img/apartmentDetail/orientation.png b/src/assets/img/apartmentDetail/orientation.png new file mode 100644 index 0000000000000000000000000000000000000000..e9a7a06618545391db5e3bc5302eee80dc49fc40 GIT binary patch literal 2705 zcmZ|Rc|25K9|!O|NQ|W!KTGzI6k#IUgpnt(R_Xb^aVqpqE}-6;7t!Rv?T!CJOKb?3IObYQ{*`S z2u1+Ff-3+ZsQ@4nKznPe3qIg20i>fO5+m4!^$t!H5HRL3=1C(tIb1Y1CIw6z`7RjqPA#XNjb6wnH}!_p_T`@Y z-S}I7mgc>zx1uNVM{iw+2d}jt#F#lK^O^2F5r!GuR z()w!bHM{(Lj37{({=xTnZN8%I^^0AnK=h9m4V6sniqEUReb6!9u!+rkpA@XDt!kq@ z_S^sVq)2Y^HyEwx?rl!4*X;SCzK=3{4-uoCTtjN7--34XjGoJP#viij!GdztJDhQq zHQ0>wenkh9QZ_aze)86U{x|H^c162GrN#8TdeWn1=G$r6w|9K%W_~7@4=0q5kNb*$ zZ?C0)KEl(PV1Gubkr?+dh-lSFENFjv<~pyX<$f>(Q+fq7+vn|eIw|hT)n~l8lN;+X z90F#@a}OxTkKbO6MwnBNU)q^^SR?&0^5kw_k#{lc#$$)V%#TIdrC{w zT6JjZN0;2|hgF=b4ZoBx4h6q{saw%>#Av)=6&=ZW~*?O0N9n#gIGJCR~favx%AP|UWg#pUx zA@c%Fy-&}{ar5bJFj)@;U zTD}ko^S&;g$ko_U^}agcc4D=YZ}6|m(|h6;nglUen7rcRB4i~lt<~1HsU{X5ks|fe zzoE|xDGG=5tK1ssM;OFAG-sv@hMEr7FJ0SO22ff3l)_V&(-~>lb!&YccSs#cCFf$U zW{<}GB+uiH<=+0ZhQKXT?4#X`rDuDrm_vKFktWHxkx&Zd1mWdZshkxtR4K@f%+}W19fbfk1xib9?9Qv>$i$M} z9nMXyYKv%Bn+VrOAEu@b1M96bE~_lI6iG!`6-Q>1z>}~RAv->7>u27`%MutMf~MCi z6}nNVv^d%<`2)@+p=I!R37e@2yz6Yy*_>!kHrSTlnz5v=&TaNtdm*Zi8p!m@%k#me z)GZOr{%bsYXrgTy z3&mDx1rdSH>VkT4SLvGcH$l;dlWQyaIL9_?N2>Aoz4DXaTfGo~-4SaP3dosb1RWmR z;;xX;of}G$x;f|JacwW;<@1J$-to}=2VuStC+gjB>hJB@-ip0=P-mefPmBnMDwk9p zE+>pmn*CL)N#^lDRXBZ>hV8O3)kK@7;=8+-{MRllW$TGIDZDH#<#GM1y|vzD;5)FT z!G7aT?)dP|WXE$p!u5+*A-7>hyn*j>W8Hq(C|D??69?BvLIq811v98-cjpn3TWfHF z5a{RpnVhpAM!@($M#uNysD=18S=XVO~)u^B&~5Wo5c11hUK$9^5gE- zOm@N*D%TkxRw`=!pFi9zj;Q?y>qmCEbdzRw4y5ouF6zEK6aK4Y(zMnqSnhu59lUbl3M1R>Wl=Q}S*>vY)5`FJMV+ov=oCYW}u z*#6VRZGJD`7+vFWcQWHOL!#%p>BgV6bnESO7tB;AU#fnZ;wH4g5QT#-y6Ke_6?3U| z9@|(Y!%dIAa=3TJJ;N^arx+osW67T8(os42#WIVc{a&V`B4w*z>YIAdiHOvO4(6x% zo6jRa9`3Y_Lofq!0u=lYV2C=IZlam5UJh%12i>J;`-MnKz7vHw8UC2@-*_DxGpDqZ z&{$H@E+f$*^B^8q#hdvc$5MCgeMHz;xNhp~XykYM&w*aO-H)F?``C5R78g4{zJn_? zH@h-@KoN^WW%L(?y;(PRYbRg7A)VqjH*4uM+sr$1dwjfi`_g;kOX>G*Y|#g;43s zs+%VP@286Q@b^>p^7kXDk_Z9+j$A@?ZhCv-L)Fgud#HNi{k%hQcolG&-|oK#!Bqis M6D#8iL)V!90xMwtpa1{> literal 0 HcmV?d00001 diff --git a/src/assets/img/apartmentDetail/same-brand-recommendation.png b/src/assets/img/apartmentDetail/same-brand-recommendation.png new file mode 100644 index 0000000000000000000000000000000000000000..c3aaba685e1ea9f8dc3a2581a8d01c32c05e21c1 GIT binary patch literal 1228 zcmV;-1T*`IP)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;wshjwEB)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|dXrR5VsVjD&%Lb7Aa97NZ_3;|(Df87)fc%$1JqJ( z9d*x3G=Ps;?huoD>o~(aJ$SzY4Cdd{OTG&Gnfl)vP|i%k58@I{;M2z&KohC9 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<2` qw)QPEj63iao^g?;%a#?!X!r*yN@ps1h?nR90000 literal 0 HcmV?d00001 diff --git a/src/assets/img/apartmentDetail/same-brand.png b/src/assets/img/apartmentDetail/same-brand.png index c3aaba685e1ea9f8dc3a2581a8d01c32c05e21c1..2d3b72319436a7dbc43ba9ae3bbad05fdcff6c6f 100644 GIT binary patch delta 948 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 + + + + + \ No newline at end of file diff --git a/src/assets/img/apartmentDetail/u1834.png b/src/assets/img/apartmentDetail/u1834.png new file mode 100644 index 0000000000000000000000000000000000000000..9bcc8e2009edcbbeab9f3a03ec44d47b811fcd8d GIT binary patch literal 1369 zcmV-f1*ZCmP)Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@ z1ONa40RR91K%fHv1ONa40RR91KmY&$07g+lumAuA!%0LzRCodHnOn#eRTRff6TF3C z;w>+qA4+K{nmt%3`XFYI;6qAc^%6e#AU!34f<}ct1wB-V2BCO?z!EVq2nwTwN-@n# zMuDQDf+lFCeO`WlIRon~_nb2`-^}Pa&VoN@uf5k^x7qj8qen$m2C58H8K^Q)dIpAL zaRayjE`n{K13VBkmnhGITMn1uUj=PTeTeKsa1;38Ex(EO0idmDBGDWKHc*x0lJPrj z(?DC$>qKz{_~6e`_aaybE(O~Er)~}C30jf{;`Mgm0~fys3p#5EI$uG4sKZ)rSk~%YVf{(y) zP&)mLMLR4qo~PWWfH#nZZu>xh+A`80SEToGeP36L)l$FNQ*m^Rh8bXAoIu|7&9=e3?d?LLro(Gs9_R#J;5gU`KCkio zltV=%K*O#PX#=F> zezAxIG}{LC_t>Hs*Oi=MF>QrZmoWtjaXc@jRRZ$LWUK0_MnJ26xg!0ZjB@|fZJ(E0 zwXB$Q6mLr3A42RRB+h}HdY{3AgRFI3NBP&tYD87h!uzx7%K=?AXXq&aJe1q`_I1&MvVyx z`_4QA(S)4Cfy6QB|7j-aA7t|V4lCTF)`SI2-6cwFtCCb;k^-hImvjf~36-Q)Qi5F4 z1*}^vadZJwmEaY&y+^LkMfs&=ouJi`1x(cvH+Vye4qsJEI>#id5HM9MT;LwLwio5A z@Ptf97BE${{LEe>YJ0i-K6yf>BMX?S5|?k2op0=_D0^Ywj|q+hT~ z*s=C1U`$b)1Be1$ zRxba9v(C`q+XBWEH4Grr=HsaG6R>@&Kqar1-xJq}+EKumqWn#tkZJRA)VK*OP~sP? zC?CB2EX6gVb`&tCC2r8bmUxX!{${oOu@&%DQNsi>d6kAq^!-7KRyzt9lO6OKA3H;W zHLPvNjru$RYk?^LPI$o*we~1rY*9Xlz5m@Ucq6HD9385d}8; zFG%seT)qN7U=^seS%Xv5^802~0mrmPCja8e{Yg&-cW>CHM`i#0oR{eu4s(b`-F0B`)zk8+<08&>=yFd002ovPDHLkV1f(WS~vgz literal 0 HcmV?d00001 diff --git a/src/assets/img/publicImage/apartment-icon.png b/src/assets/img/publicImage/apartment-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..7d549a463abb68d0c14e167b789a361e3f3f8047 GIT binary patch literal 1760 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 literal 0 HcmV?d00001 diff --git a/src/assets/styles/apartmentDetail.css b/src/assets/styles/apartmentDetail.css index c943760..74d423a 100644 --- a/src/assets/styles/apartmentDetail.css +++ b/src/assets/styles/apartmentDetail.css @@ -235,7 +235,6 @@ background-color: #ebebeb; border-radius: 8px; color: #555555; - line-height: 26px; padding: 0 8px; font-size: 13px; margin-right: 10px; @@ -288,6 +287,7 @@ .content .header .header-content .header-right .introduce .introduce-head .more { color: #333333; font-size: 14px; + cursor: pointer; } .content .header .header-content .header-right .introduce .introduce-head .more .icon { width: 6px; @@ -424,7 +424,7 @@ margin-right: 4px; } .content .operate-box-bj .operate-box .btn-box .btn-item.consult-btn { - width: 180px; + width: 138px; background: -webkit-linear-gradient(324.8544545deg, #62b1ff -11%, #80ffff 135%); background: -moz-linear-gradient(125.1455455deg, #62b1ff -11%, #80ffff 135%); background: linear-gradient(125.1455455deg, #62b1ff -11%, #80ffff 135%); @@ -452,10 +452,12 @@ } .content .details-box .details-left .special-offer .special-bj { width: 876px; - height: 169px; + height: 100px; position: absolute; top: 0; left: 0; + object-fit: cover; + border-radius: 10px; } .content .details-box .details-left .special-offer .head { width: 125px; @@ -675,6 +677,7 @@ .content .details-box .details-left .type-box .item .info .tags { margin-bottom: 16px; margin-bottom: 5px; + flex-wrap: wrap; } .content .details-box .details-left .type-box .item .info .tags .tags-item { width: fit-content; @@ -825,10 +828,17 @@ .content .details-box .details-left .details-item .traffic-box .traffic-title { margin-bottom: 16px; } -.content .details-box .details-left .details-item.apartment-facilities .facility-box { - padding: 30px; +.content .details-box .details-left .details-item.apartment-facilities { + transition: all 0.3s; position: relative; } +.content .details-box .details-left .details-item.apartment-facilities.hide { + height: 820px; + overflow: hidden; +} +.content .details-box .details-left .details-item.apartment-facilities .facility-box { + padding: 30px 30px 30px 46px; +} .content .details-box .details-left .details-item.apartment-facilities .facility-box .item:not(:last-of-type) { margin-bottom: 40px; } @@ -855,7 +865,6 @@ box-sizing: border-box; } .content .details-box .details-left .details-item.apartment-facilities .facility-box .item .label { - margin-bottom: 7px; flex-wrap: wrap; } .content .details-box .details-left .details-item.apartment-facilities .facility-box .item .label .label-item { @@ -873,11 +882,15 @@ height: 16px; margin-right: 10px; } +.content .details-box .details-left .details-item.apartment-facilities .facility-box .item .img-box { + margin-top: 7px; +} .content .details-box .details-left .details-item.apartment-facilities .facility-box .item .img-box .img-item { width: 110px; height: 110px; margin-right: 10px; position: relative; + cursor: pointer; } .content .details-box .details-left .details-item.apartment-facilities .facility-box .item .img-box .img-item .icon { width: 110px; @@ -898,6 +911,14 @@ border-radius: 0 0 10px 10px; padding-left: 10px; } +.content .details-box .details-left .details-item.details-message { + transition: all 0.3s; + position: relative; +} +.content .details-box .details-left .details-item.details-message.hide { + height: 820px; + overflow: hidden; +} .content .details-box .details-left .details-item .bottom-btn { position: absolute; bottom: 0; @@ -970,8 +991,6 @@ margin-bottom: 20px; font-size: 18px; color: #000000; - background: -webkit-linear-gradient(350.34816653deg, #fdda55 0%, #e5d7be 50%, #cbfebf 100%); - background: -moz-linear-gradient(99.65183347deg, #fdda55 0%, #e5d7be 50%, #cbfebf 100%); background: linear-gradient(99.65183347deg, #fdda55 0%, #e5d7be 50%, #cbfebf 100%); border-radius: 12px; width: 304px; @@ -980,6 +999,13 @@ position: relative; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11764706); } +.content .details-box .details-right .same-brand-title.like { + background: linear-gradient(-80.34816653deg, #d6dcf0 0%, #dae6f2 19%, #eff2cc 62%, #eff9f1 100%); +} +.content .details-box .details-right .same-brand-title.like .same-brand-icon { + width: 24px; + height: 24px; +} .content .details-box .details-right .same-brand-title::after { content: ""; position: absolute; @@ -993,124 +1019,9 @@ transform: translateX(-50%); } .content .details-box .details-right .same-brand-title .same-brand-icon { - width: 24px; - height: 24px; - margin-right: 4px; -} -.content .details-box .details-right .same-brand-list .same-brand-item { - width: 304px; - background-color: #ffffff; - border-radius: 17px; - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11764706); - padding: 8px 0; - margin-bottom: 20px; - cursor: pointer; -} -.content .details-box .details-right .same-brand-list .same-brand-item:hover { - box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25686275); -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-header { - width: 288px; - height: 192px; - overflow: hidden; - border-radius: 17px; - margin: 0 auto 20px; - position: relative; -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-header .same-brand-img { - width: 288px; - height: 192px; - object-fit: none; -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-header .apartment-name { - font-weight: 650; - font-style: normal; - font-size: 16px; - color: #000000; - height: 32px; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background-color: rgba(255, 255, 255, 0.7); - padding: 0 15px; - border-radius: 40px; - width: max-content; - line-height: 30px; - max-width: 100%; -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-header .apartment-synopsis { - width: 100%; - height: 32px; - line-height: 32px; - background-color: rgba(0, 0, 0, 0.63921569); - border-radius: 0 0 10px 10px; - position: absolute; - bottom: 0; - font-size: 13px; - color: #d7d7d7; - padding: 0 10px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .site { - margin: 0 20px 20px; - color: #555555; - font-size: 14px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .site .site-icon { - width: 18px; - height: 18px; - margin-right: 4px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .price-box { - font-size: 14px; - color: #555555; - margin: 0 20px 31px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .price-box .price-item { - justify-content: space-between; - height: 50px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .price-box .price-item:not(:last-of-type) { - border-bottom: 1px solid #ebebeb; -} -.content .details-box .details-right .same-brand-list .same-brand-item .price-box .room-name { - font-size: 15px; - color: #000000; - padding-right: 5px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .price-box .unit { - font-family: "Arial-Black", "Arial Black", sans-serif; - font-weight: 900; - color: #000000; - font-size: 13px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .price-box .quantity { - font-family: "Arial-Black", "Arial Black", sans-serif; - font-weight: 900; - font-size: 18px; - color: #f95d5d; - margin: 0 5px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-quantity { - font-size: 14px; - color: #555555; - margin: 21px auto; -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-quantity .quantity { - font-weight: 650; - font-size: 14px; - color: #000000; - line-height: 18px; - height: 18px; - background-color: #fddf6d; - border-radius: 9px; - padding: 0 8px; - margin: 0 8px; -} -.content .details-box .details-right .same-brand-list .same-brand-item .same-brand-quantity .same-brand-quantity-icon { - width: 7px; - height: 12px; - margin-left: 8px; + width: 22px; + height: 22px; + margin-right: 7px; } .add-customer-mask { position: fixed; diff --git a/src/assets/styles/apartmentDetail.less b/src/assets/styles/apartmentDetail.less index 090985a..28dbf7a 100644 --- a/src/assets/styles/apartmentDetail.less +++ b/src/assets/styles/apartmentDetail.less @@ -290,7 +290,6 @@ background-color: rgba(235, 235, 235, 1); border-radius: 8px; color: #555555; - line-height: 26px; padding: 0 8px; font-size: 13px; margin-right: 10px; @@ -344,6 +343,7 @@ .more { color: #333333; font-size: 14px; + cursor: pointer; .icon { width: 6px; height: 10px; @@ -555,7 +555,7 @@ } &.consult-btn { - width: 180px; + width: 138px; background: -webkit-linear-gradient(324.854454500294deg, rgba(98, 177, 255, 1) -11%, rgba(128, 255, 255, 1) 135%); background: -moz-linear-gradient(125.145545499706deg, rgba(98, 177, 255, 1) -11%, rgba(128, 255, 255, 1) 135%); background: linear-gradient(125.145545499706deg, rgba(98, 177, 255, 1) -11%, rgba(128, 255, 255, 1) 135%); @@ -590,10 +590,12 @@ .special-bj { width: 876px; - height: 169px; + height: 100px; position: absolute; top: 0; left: 0; + object-fit: cover; + border-radius: 10px; } .head { @@ -861,6 +863,7 @@ .tags { margin-bottom: 16px; margin-bottom: 5px; + flex-wrap: wrap; .tags-item { width: fit-content; @@ -1218,9 +1221,15 @@ } &.apartment-facilities { + &.hide { + height: 820px; + overflow: hidden; + } + transition: all 0.3s; + position: relative; .facility-box { - padding: 30px; - position: relative; + padding: 30px 30px 30px 46px; + // position: relative; .item { &:not(:last-of-type) { margin-bottom: 40px; @@ -1249,7 +1258,6 @@ } .label { - margin-bottom: 7px; flex-wrap: wrap; .label-item { font-size: 14px; @@ -1270,11 +1278,13 @@ } .img-box { + margin-top: 7px; .img-item { width: 110px; height: 110px; margin-right: 10px; position: relative; + cursor: pointer; .icon { width: 110px; height: 110px; @@ -1331,6 +1341,15 @@ } } + &.details-message { + &.hide { + height: 820px; + overflow: hidden; + } + transition: all 0.3s; + position: relative; + } + .bottom-btn { position: absolute; bottom: 0; @@ -1418,16 +1437,21 @@ 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); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529); + + &.like { + background: linear-gradient(-80.3481665331958deg, rgba(214, 220, 240, 1) 0%, rgba(218, 230, 242, 1) 19%, rgba(239, 242, 204, 1) 62%, rgba(239, 249, 241, 1) 100%); + .same-brand-icon { + width: 24px; + height: 24px; + } + } &::after { content: ""; position: absolute; @@ -1442,148 +1466,13 @@ } .same-brand-icon { - width: 24px; - height: 24px; - margin-right: 4px; + width: 22px; + height: 22px; + margin-right: 7px; } } .same-brand-list { - .same-brand-item { - width: 304px; - 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); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529); - padding: 8px 0; - margin-bottom: 20px; - cursor: pointer; - - &:hover { - box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25686275); - } - - .same-brand-header { - width: 288px; - height: 192px; - overflow: hidden; - border-radius: 17px; - margin: 0 auto 20px; - position: relative; - - .same-brand-img { - width: 288px; - height: 192px; - object-fit: none; - } - - .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%); - background-color: rgba(255, 255, 255, 0.7); - padding: 0 15px; - border-radius: 40px; - width: max-content; - line-height: 30px; - max-width: 100%; - } - - .apartment-synopsis { - width: 100%; - height: 32px; - line-height: 32px; - background-color: rgba(0, 0, 0, 0.63921568627451); - border-radius: 0 0 10px 10px; - position: absolute; - bottom: 0; - font-size: 13px; - color: #d7d7d7; - padding: 0 10px; - } - } - - .site { - margin: 0 20px 20px; - color: #555555; - font-size: 14px; - - .site-icon { - width: 18px; - height: 18px; - margin-right: 4px; - } - } - - .price-box { - font-size: 14px; - color: #555555; - margin: 0 20px 31px; - - .price-item { - justify-content: space-between; - height: 50px; - - &:not(:last-of-type) { - border-bottom: 1px solid #ebebeb; - } - } - - .room-name { - font-size: 15px; - color: #000000; - padding-right: 5px; - } - - .unit { - font-family: "Arial-Black", "Arial Black", sans-serif; - font-weight: 900; - color: #000000; - font-size: 13px; - } - - .quantity { - font-family: "Arial-Black", "Arial Black", sans-serif; - font-weight: 900; - font-size: 18px; - color: #f95d5d; - margin: 0 5px; - } - } - - .same-brand-quantity { - font-size: 14px; - color: #555555; - margin: 21px auto; - - .quantity { - font-weight: 650; - font-size: 14px; - color: #000000; - line-height: 18px; - height: 18px; - background-color: #fddf6d; - border-radius: 9px; - padding: 0 8px; - margin: 0 8px; - } - - .same-brand-quantity-icon { - width: 7px; - height: 12px; - margin-left: 8px; - } - } - } } } } diff --git a/src/components/apartment/sameBrandItem.vue b/src/components/apartment/sameBrandItem.vue new file mode 100644 index 0000000..17768e0 --- /dev/null +++ b/src/components/apartment/sameBrandItem.vue @@ -0,0 +1,176 @@ + + + diff --git a/src/components/apartment/seachModule.vue b/src/components/apartment/seachModule.vue index d90a21a..a46db07 100644 --- a/src/components/apartment/seachModule.vue +++ b/src/components/apartment/seachModule.vue @@ -97,7 +97,7 @@
标签筛选
-
不限
+
不限
{{ item }}
diff --git a/src/components/public/apartment-item.vue b/src/components/public/apartment-item.vue index 1d30f99..dcff230 100644 --- a/src/components/public/apartment-item.vue +++ b/src/components/public/apartment-item.vue @@ -41,23 +41,23 @@
-
+
距离
{{ item.distance.alias }}
-
{{ item.distance.distance }}km
+
{{ calculateDistance(item.distance.distance) }}km
- - {{ item.distance.walking_duration }} + + {{ calculateDuration(item.distance.walking_duration) }}
- - {{ item.distance.transit_duration }} + + {{ calculateDuration(item.distance.transit_duration) }}
- - {{ item.distance.driving_duration }} + + {{ calculateDuration(item.distance.driving_duration) }}
@@ -98,7 +98,7 @@ diff --git a/src/views/housingView/apartment.vue b/src/views/housingView/apartment.vue index 6354e94..6db2be1 100644 --- a/src/views/housingView/apartment.vue +++ b/src/views/housingView/apartment.vue @@ -36,36 +36,36 @@