From 784d6342723e92693ac8c00713b3d48f4a2e8c76 Mon Sep 17 00:00:00 2001
From: zjc <1034206993@qq.com>
Date: Tue, 18 Feb 2025 21:09:27 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E9=85=92?=
 =?UTF-8?q?=E5=BA=97=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/address.png            | Bin 0 -> 987 bytes
 src/assets/images/hotel-header-bg.png    | Bin 0 -> 4695 bytes
 src/assets/images/icon-12.png            | Bin 0 -> 8754 bytes
 src/assets/images/phone.png              | Bin 0 -> 647 bytes
 src/assets/images/user.png               | Bin 0 -> 564 bytes
 src/components/Header/index.vue          |  24 ++-
 src/router/index.js                      |   5 +
 src/styles/common.scss                   |  11 ++
 src/utils/config.js                      |   2 +-
 src/views/hotel/components/info-box.vue  | 224 +++++++++++++++++++++++
 src/views/hotel/components/video-box.vue |  68 +++++++
 src/views/hotel/index.vue                |  13 ++
 12 files changed, 345 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/address.png
 create mode 100644 src/assets/images/hotel-header-bg.png
 create mode 100644 src/assets/images/icon-12.png
 create mode 100644 src/assets/images/phone.png
 create mode 100644 src/assets/images/user.png
 create mode 100644 src/views/hotel/components/info-box.vue
 create mode 100644 src/views/hotel/components/video-box.vue
 create mode 100644 src/views/hotel/index.vue

diff --git a/src/assets/images/address.png b/src/assets/images/address.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5879cf20ac53288e99616f6f939435775842747
GIT binary patch
literal 987
zcmV<110?*3P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px&l}SWFR9HvtmrqDsR}{v7M~#1=&@6(PKtM|^2n{5HrC9`G7o`abEhL42LJ1hK
zGuA3~(M_>|?%JXuzR{2_T(lsxA%UdSg-}BZvEaf&p@tYRAk?Oox(LNuXHMU}@6GU@
zGrsqnK;86iW_a)3?|kPwf9`q0J}=p4`}|K}Zwid+LF(uR&I8AQLns>vODK1!<qIy!
zZ+i)Aasm^24rS6B-F<BW!=%MYN+KD72^~TCI4LMFMp}lF?2jifsc(|!RtQYl1{SUK
za1=NR)bH3cNJg&2k%%TRqV+WL5V1zQr7R%ykd_C<XO5;2t^-|xeH(1?0z<M9MIxF&
zRy%<^0nlZh(8gtXS^_$vH8gS?;Y?uvFd6y0asrNCMd%Lz_K=aUb_E>Qm#O0C!24O!
z@_OY2vU<~v^;<=N1EgZh%+Ws)4*KC*b_u`q-xA2`@5NG8o|(WXFj({;$9dk98@qaR
zRa>d%mq5s7$jI5s6>zj0;mZKvlAna8;gl{%zea4AEUZsR%SV+H_)HJcz^@23p~Twe
zA_KBoeCD<2Pl4W$u{<Z~mme!9U`}TBcBsBRG^4-|C`-0SC>_PbD_Bz&$w*t2aq}*|
z6K3@^Fc$|@^4^5v-H3eg55yBN8y)>F)L`P+B=kO+0%q4WeUY4PFyVe*j)=J@a<nrb
zKgID(PQX*)eK*cy2|!~rKZp?>0+ZbhG|}gKQ(9(WKFTalFm+!;icWH@vdJTcWqmi|
zVFKntIYK9STg#__W_!@g0vWlCcRSugXfFe}!e6{%jb%05z!X!mvk2dimT$`|FsjYe
zVM@-7THZ486jt2&HUNG03ihtv`$clzzEzY{^vh!$Z9(_|wUd+i-vT@rz+7O9w;2+H
z8z{r98c;J>Y@$pdOtZ~A1M+u?x8vGGl`YL?lr@Bo(0mX)U{p=<Dr!~j^AmZFw7eE3
z;OIYo$LrcDQ`z`=N{o`{L+g2xmDP7#(o<I1j2zgh!1r#$>2O)D*_kfSbYkEr<3@qQ
z90xAAq3ZQJW*G%MS*Lswg&Z)kpSMFso@J_8BgY?XQ5dt#uXp#?Q12@8JXJRKCV5Tl
zO+K9nP12@PYUwG=6{Tf3p>L4qf*nK(gGCZ~qxP6Qff<A;H}-dv_W?6viS?q@&*qfx
zjq$o3^*f{3DS5+wq`*32t73&JmdLRX70P6H!Luq5aem(k{0ji=ATV1YFU9}>002ov
JPDHLkV1k`J$WZ_Q

literal 0
HcmV?d00001

diff --git a/src/assets/images/hotel-header-bg.png b/src/assets/images/hotel-header-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbbd8d0f7225e77298057b8de608efac3edf5c07
GIT binary patch
literal 4695
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon-12.png b/src/assets/images/icon-12.png
new file mode 100644
index 0000000000000000000000000000000000000000..6011f0204bb7e4b5014cef93a081cd2592a23af8
GIT binary patch
literal 8754
zcmV-2BF){2P)<h;3K|Lk000e1NJLTq002q=002q|1^@s69MHmX00001b5ch_0Itp)
z=>PyA07*naRCr#^oNJ6+=Xu|M?|W`@=01DlE-w;EQ6zU)qC`@ZCD{p?C~@l4m%^z7
zwCRVU1sWjvMz;o%!nNH52oN_i(4t>j<Wqs9h+w0(<HoUThq5JGkx1PrE-xY}O1v%i
zHaqt@xA(2yGc(k1y%d+0BIgi;;m*#SJ?A(7=l?$MbKd6&{xNP^3xv@Bm<~<+LJ!6O
zG253Bd>Ot3%<<0uff>+Wq4(NXpa<<22=BuOW#II|d=A7Si1Aa%rq=`1v3t*c+=G)3
z&=<Stod;1*_kihN1h5Yml-81`5l6-m3**R%9J1jd3oFQI6C##~g6M&w3fUs6egj<?
zK{W!@LJKu9i#ql+n$Mv=OqG2&pn4%DIEI|*19E+=<rcPYBRdY3-NjOQgu8+y3t<K&
zn`l2n5=SJR7}e>Jlu9JE8p+%u>PtsZX;^*;A^8srY5)kt!4t^BDAtOP<+QMgab$!o
z%h)2qjwRBHu@ZqK1gX)9O=2EiOiYnTuMj6Lag-w->5w$GlkDWf3CVvrP+!vWb6-YW
zJb|1jAs2F3b_-j_I68x)6fO>q?&6|wVhdX;EM-6e(n2XkqAX%JCK4G!>O?X}C>$cu
zA&PUvwH8UKhB|TZolyMpJL>w1=!N75ynVo+v>1#}M?fxs^iN=C@>q2rTPG<L*99-p
zcsjz199$ja35lb03M&PrBuWZmt%w{5W1B!gkP!qS1V(qdO%&TiBL<iW$Jx}k%;N(O
z#}5wFO&>ZY89ySo*0G93EKA|o<JhW>t1@`1K}LCGRD!Ps8L99w;1b-u6}B86<97t;
zzgyxj&sMpDMQA}FG+ia>m}e`YBOSUD0&NjVi!f{vPvnSG!(T)lJMzH-d;g%;_)x8c
z%(k(cd2Bnz$!Xk<hpPiT72{i)Y@*3(NmfHv3;dEz<r7=@%}p8o#PJrd3xPhE6A#R{
zdH%cC_)aaLDhwoOONW+HwA~=;#?ncF=?-B&M_9Fq@=fCQKH}1eemM5j^}fUL{ekNH
z(9<W7yGqDX4y)F}_A=PIhKrA@LNYogqa?mEfHXM;ISn}hg<qZGV>1;#{$^V*ez(fW
zYN!JfdSzF-pQz}4JF;Tp^eW%|!8M-M&=k;;&=P`{6ttzHBW$|TrAvoUSwtoKUH>|N
zg@hxiA-u12;^zbPu8QOg$odtmTnoDsVmnzJIvo!oJ>hwt>f&on*1(aPT&&1zL4MyD
zvmY7PpJ^%V?=NxkQi~>9NMUlV)MU^|lI?ks|MgM*U`~qY?-%*jYb%@*2AHPl2wKXf
zB~;WAiSCH3+tJ-li0=oHL*#deTRGz52jE|K2WkN5X#_iwTSM%ih?UFr!c4YsMFv+z
zWVGrl2(l_k^4hYpT2YwHvF)Q<^r!M3JDywO^h;G1gvLQ(kGjJD%p^NZ=za4#mzF}^
zK@w|0bfCh-$Htgx1>)kdYkc!YldG0Y71op%Es?}+DeSfhQ8a<@2$Up@n?zZMxSb;&
zT_!nk5yj_BIGXQb<MYXlgX(?Lf)mK?4Xn-xRxZM}3phc7BZ96cWX8iHqry0=Ejz0d
za=Nb|&!KX78^5uopdUZA%B5!)c`J;CrIq%~DEMoWY(6w5rk;rt%P8uXEh{;(%=PbI
z*VoJ_CoB=zwoVRDaPLf!?N^%OC(mBy`>lu-ThPFSWAD+HE^QLJS`lcEz-u?6m_pQY
zhznWb^EDJEoiO3J!DRK$poYSXQ^?I->@bg&iE->UuFT>h@xqvlqwpi+Lw!I9@)`<{
zY*mlVjEPTN?@~K<opY;Qv`&O8z}sKe6Hjht%SE*N?NCuwz4>oh3O?gWc4!g);JUc-
z(u!Up1x8TLDtTm5-oMGCcy3vI_xLrQ*NTRaG?26$XvGN~*QFgMbls!}ED}UHo5+OY
zl^V&ByBHnc8&nUHG%8{gYf~L7m&cYh+^)ox5|5Y+HolI?#*niVxmb`#liyik&;Bj?
zGqI-d+yZlN*J+uYNo%}qIZ^uf7PgU5`EPd>Z$>vWpkAuj`^)Tf;FB2%UD^EGxAm1P
zU9l>pPJ!K1B=^w?W{jd<zAC<XvC3IX^!&>JOA^{nhE^EUac#Ov5yXlxTOw>ViTxFl
zO9c{4IG%d%WOaQ|gYw7I$blDi6?S$TcDIgeMPyP)A=wmCOwNEYCY@;V6<=*Wbg%fQ
zMW5-{mN@(BBJ*0|2_?L&B=_Vty>(lekso#waUuYn0Op}g2GvigQ&1W#5EdNp1W)=>
zU#^OkA6({2OX(JpKw1P3jxqVrsNPfWiqpq0i@#oJas4JR1J0&JOh*ek+NYCff{Z5Y
zNTS6YG0S~eW}<zYP<$^?#*ZvQ>@kI%DdSjOysksWGsz-kBLhf~(;D-=6fB#{Blqej
zrz-r?r5aa{&+}#wV4;O)DeWJcV(Q^ZHoX!l>)Ea*h=KGWdZ5f>7?g1<8?bcx?AmbH
z7d&Lk<mGuW|H5^yD?t~j1J@-vG{ue`CB5}(RX%g#5<f^1R<V*ssxV=tz;sC408=?S
zUY)S3mZGI-EK1MdVE+i#f%UVX25LHn#a68G0LQE2c3nK_;tNfdh#bbGQ$R^kE33F?
zn>w^>ichWvqI>)*XRB>uV&UmTXLgS=_V_loEJ)@3T}M+5`%og$17*T45j|z~Do$zG
z86~BVoIWt8r?83(M|{C1C4-;7&DC=&EJ;hGz{+{-L!0&9l81NUhWz&26<)L?bp#Dz
zOkbKbgcdHXOw{gbH`@&+2yZlq>E&F>daAmeqU6je?71#>*}`>gJkcgAyws=*I-;nd
zNSu@=$HeaGE&LW1W3SDNxyvimQFuBbGnNy@$M4bG+^j16xTAT?02-*sKr(=0flfj7
zL(hywy`s#!p=VTOAQ@oh+5Bw7Js$jWMiRG0<GD-X@={CJg+mvMU|WUazDZ`#ES|nB
zzCORgIU%V54FUDk_)V5?(+T6%U^OY5ql;2it&_>GuPCD?u*as%$kxmR%JMUjpVKx4
zl~B@(a?Vp*W_OC;%IEaKi%a6{nR%`$qo7#(o+Yx6+@rT{9n+&H0wrGW^nJ(xSqo@5
z^m^0TTg<$7Bt1A{7*rpau;D=;_IpxaU1a&hWpT9|(-ICH9J(`8Y}q-Y_cmJM#kou3
z8?6pkg=AG))FMIM^HOzn!bO6mO@!<sMhNq@-LkC@>IC*?a9S>&6SsX4W_vy)C<(#X
z%y#w9#wvVfp~2PHuZgok2V2Bs(ZZje)SLHi)l(M}ZN1d)`%qswse(e##*+rG-86Co
zsed>IR;ntUhF}V70L(GK2I_iOVHq3tXJLmW<Fi+pKYd+ZL+ZA+=y*QK1Do~k@q(UO
zsafAT^CsVl6^p`R6-h&DT3MIw+aUoB!u7&$Jy4QU*yG?jT{0cW5`;w(S;`mftq<)@
z{!1qj;`F?Dxw=XyBH`;;=Qfww^w4&FZ{60J<84iC5M~1frNS2Ifr17hn9jobqutu;
zE`ty>zy`3)v!i?JGD>sJ&+mq2*@c6?pb*Q>>z8=@N=?iQnRK)#Ta^;t^rYIKwS;=*
z4f!8h4K8C-(~?FE?M#O5qWLOkiPrkm&w~0ZZLuGF1U!2gKd{M*kfPR9MvLsZZ+G&i
z&%GhOp#yv(nJqec?7<y+x0}<IS38<(W=cCS=&-LG1L&qd^$k4Di-!OWOnmJT-GtTm
zETgd0qx#{Pg6b>G?faJln=|lG27;Eg^7>o6(FnzowpCmBy7RI7`0V)$))$tmoE0ur
z-3!5HoT0N~YF)chP`6YZ)>D+lPjSlup5=9Nq4M*tj>=KujFif1@2<W2KmYVJ-xi_F
z?wVxJJyUx38-bD+I-pVy>if_@K|PD?r2qzCI<kpDdF|a%?sgT)!4VD{y!rnibr^Wn
z0N4;X>A+4Oc6&m-eO;V8KQGQ|U$-9Htv`L~y!FL;oijp2Rbi`DEUys@+N)){yhy}v
z-|AEAgSvuSyo_&4vSCP35LeLlXraj7ozuw|UpyuLhCt-^->(l|cGSeRP9KI*kO5<S
zXh=<_rt%lFFr6Kw+(T40aGCS#^Y8~}hD?4iA`aBm4@VP%!l=r?N*_I?ZT4YnByYTO
zUY@{FtwRs+iA(3?AJyud!HSn1VOKjobyv`;Rp_#naIK-=7F6LHS=%BPw!)IYt&lLD
zE3x<9ndA>%eU<O4(8@o!Cwcgq)MGcylr$~W8c2gM>xW$ej~C(p9=P+g@^+#!)4$Qb
z9s2D}b@dH@pss#MiUB0g)J`><3b0wr#gk{mt1?65p$FB+-#TOcNvoQi!Lt^%pql7z
z-LW&x!ZteBrU*6y%I14`g;D&dLEh4ogk&U9jOU8%-8P$i;nd6gPzSQGcUnI<pXkx0
zD$o_ACAZXzhQdq<9xuVu2j5?{f9v;dGhX-SgoEkMP5*L17*H9__y}y0V)@KzaZ>oy
zXCG2eUY!$PZ8zoVShHwZtR$*icXF9V!=x4aQc%VyZf@%-%H}n^LWCc+(rHPFfKjCw
z_lrz#elYp`nU~}-Iuv)!s@cVWk(C93?)KD_f*K@`{Y?AOGW@Rtw+CeoV!a3y#_Rj3
z!k+(ko6ir<AT0t7jgDp{^fV#^BNK{=jJ5p6oH#{>`riG?uUtE2{aL4$oRLZ|YF95O
zGN~C*O^Y@w1pLYdL6MO4S`<_mm8Eh<WWt13Qqz+UsiWslSkKU<uzgm~EI0K?^}0wE
z)l<_@hTT8=gJt-i`}>Ou*0HAnsI|Zb49sp0{O}H-hAIxJx=a}M6;+wijONA4rBh<g
zfZBB+IWqs6d@5+j(@MmPmTNC3g4G~LgBl%<(A}7#j*-c`WTQ5DB`NEeQK=cvl$ajd
z7ax7=xb+NyC~TcgW>;%eYFCFqC2NL!V1F6@+rzhJ-M{xTET+}*pWTj(!|&gBE76ZV
zvw_eZP9@A7(RfuxQ`({_mBq@{Q*w@sZrpn?IlT0m{ZzMRM!k4Z*?L)OwHj2+td<Uo
zbni-0EK_j$pmfNDKf>P1!|~B;FB(OO!lnn4*~SW$#${74>Zb+66@dP^?JL1o_uYD;
zKU#uLf1<EfNn0}TK<U=^|Hh9u0BZ1-LHb})2OkPs6~zkG`4klO&5tC9t0(QJI(<;W
z*2|Grt7JTrm$xYp@Q5%;&7D1pn#ss1I0<E)FsfnPDKlMuI6Aucg8hu@P#oK*W?IWs
z+HbD`wdR~=OYlbzy!VOTF8l_c`s{PCGY|KqDMoKIqv21MAztrd)F5TZK=vL*Zj|cE
zNjZm4ef&^-c=Z+QYf)975mGP2p1p*dPG_1asJjV0EPMlsgtBcwDaNfb)5QbP(dFmu
zXJnURabGgiSrV1*9Y9SN;XlsY3Th?no#=X7#)7=@n4#@oJr93412e^2U;pD%aK@x3
zYd2%=CXdQM=3a$As;jH7S#vT=z5Hl=xbcef6xHNx=;#}uS1?JZQB;XG-Je5I1{4XS
zD8}8Qn$8?djy9gR)6mO56wd~Wq7uH<SCkp`*7<gK7vS^Lx1Px#z5>g}{LMC)1owY@
zd<_2e&RgIAyDz}!_rmTqp#JPMoHL+?s}AO)L!jL43U5qTo3GlZq^}$K$Ku1Cm#nXa
zHGKx97s%O55Y%pl-i8(R8eSTDbqXlTXhzYD%M#Pxq3CG$C-yTs5C#9Ccs5!TmH5&c
zP-~QOUjcr9@2xq&>OfJ$Lz_84bHzbIZlI`sOddTBzqbc=6@~x``0r=nf&n!gyK6w%
zI~2~Cu6AFs=FC}T9*Yl0C#<i<tNIK=FCg_YQmvBr>ZzhOoE{t_b2IcheNZvua)fDl
zC_0)vXFp@|C~JQ*qZUO)8BpyZGhY)1I|}e`?|)Y~!yMOg8hms(!87mw;!E&v?uVUy
zPy-SE`5W-&+Rz&$p(gZvklPh<TvrnV%BOBU5g%4BT3=HJ6nX*QUP1*mCcXOIr3V8=
z8ILlcVn#`rU_|W|k0wWX&VEL>DT;&13=5*7FAgc{XG&ghPab|}*HDOQI9r2gC`^Z=
zuk69r+^tdhC$GT2+y(cV*Zb-*pZSXm@OE<@k1}T72PJkWn9x;T?tu~p)N$);EbB8^
zdI3i-<2h9nP0TgHyB_rhq1Oi`N7ySKiH@qiqU3>OMj23VN-z^+<5BB?+LD9cTH`rS
zUx20=fY+G<?kd7BP2GC(|Met%cIUeQ2fzLLMY!6!1E`%nMX8spIdatH<MH9-CFd!Y
zle0HL4MH!u%Y-uxJp(F;$|TMxFfJ=hTZf{f@w4(rbY;QngHlFO?*VEm2fw*}{Soet
zulA+(=cju6F#8(bzVjx`o3I~j18EK^N*YiTx|;MAWj_%gPE6>n=rc&YfUTFw4=L&#
z0l#~vJnHYX%?KVB$l;PF=%oj7#DpAUul;CrG<vq@QTD-PM%@sVWG$#QCN$y0llR^_
zFs(bcTQlby_OJha8h-U&*ff+!nSK25Em#-^)gKVjdX)*iELb}f)`YG`eMLD>#E0V-
z`W|IKnLH{9YGl0zleF$?Qp{Dds5Dy3W>Sn`T$Y)3KN1}c`k=f6$xOT;D)EKBncpV#
zMziqIZMQ06&eUAj2~+c~5g+bZlbL_(EIhFd#)d$d_da(SmhS+{-l?!BbTu%bvedng
z#)rcclst_UFQ$q@t)`%iN11uXh9<>NlOd0v+FDE*)yt#o3e(O<qNCluM`aEqGtmuE
ziH)Mn?oCZ<os+NlaA3==pw2Dz&3qkcm3`P^Kn?xw2j_eHs2ET~ub;RIt0wH%ZbngF
zPf^Z&Jy6{~DF2E0aQ6l4YhqQONsOW#dkNWBlmWHjJn9xuQJKg|^C-KbroG3LqpcsC
z&=ZB+{&+TA6qRV8sM~-lW?*LX?cL~hWtQPjJbw{prl9D*n=+Z-&s~GMnP=VslsloT
z?U(FR<aHzaczifG?mQK*a0VSO;_79bzM`PT$2VG!`W~Jsv!sfOC=Dwr`)Ks}`m^#G
z(UFDR0W}jYFcO|OYv9(5dPC!VE(7;%8XDo&Wa8^0G%Lx(yMy9umtf~4<UG^q@owsH
zaUNO&P{aEjC@Kf;eF}GimDWpgP8X;bACHf;U$CBvtMW85UQ82C+gT+`15=N3H(HM}
zphA2)nDnkh$S4ux?x>pfA5)*NKWiPMMX_*D%?39Z35=plE;I0`HR0rEVDrQs$G7)<
z!-cnd`!M?&-mWe{cdeoZ)dLfHeNdTAtTbMdr(~Xb{)yyB=LP%E!fJBHmU=NZpmNSC
zh4iXk=gx{U>kiCSVv}~6=x&lX7d;6Wv2-$SjflOukEk!ypA|o(EerVr>cQ>}Mgya$
z0jOIFsJ&BiJs25VlQX@Ss@D14{1q567aL76ZfILEgTmUn)*4XWE=6V&%gvYNNmZa;
zek^&i^@99rXv|#4OKIqNNew$=&fI`9g}Yna_Gi;Qb6wBJ!!eZ`@`PcDSXL};k6EK?
zy6~v_gVpD)@6n=Ad`LainP<E^2tDIbYe1PxMs^0g{H?j=fW@6I!VC_uz1rJ{?9TxQ
zz7{kgHkZoQenDx4v!|%cE``5YEY@EZuac)x{z&}s)^Y1kqNUW#m&m9UELBHjnq~zm
zpWN8Rh4i`}SL!}iF>CTAG-WGE#@tb{H-AWdapeX1H?%~){GdA6zRpDFjoT|qWI?VO
z(%)YYzUxl|h^h^GZHh1i%HOTXPKg_<C&f$TRkQL4pJ*Kye;h98Gl{F0T&Y$=&#f^*
z3yUsS2=9Dd&nRjfhgC9k$r1+zlvlD9BhI+mTR5oxXz5k?EzuCU{1&|@yG`wG%n8|i
z&1C04tEdkG%3bec5PH6*@Q@-utyTMqJlDJ`&XQN{(S7<;jpOn^g;jkf5o(2uTE+7k
zDB73{phwc{dUv=|Y(VAvrTGY-COKlWblWMrqiS#Qfcn$LIq?lzCeM;t$5CUYz1(lv
zdZhYONyp?=>&4S>z35J(-rCxdA+_FTZnqx+{!T^t35AM8wRT3HizBh5v#L!_cgAP*
zXX~%XFN90#Z0y)oL{P`~dSPd-PJUt|m(;)XPEXxz3d$^~&(JZdqF^VKoGjZaA4$F%
z$67Wni<iR%85q@xF4@eOo-EJkd!i-$m7hqW<)JbBt|c*4UmAS&PRUmP&pD%-k&h~z
z5#3!qE#K-c$$9PRHaXhvnDPqS*l*kD>fiJ4qqcQ9wy2@IO^TTodAckT^0|#H(lDTo
zq}5}W7?);h?K!7I!IG2|$wc`9@o9HleLARdy>?NYOBzxdSSI%>Zr4+V9eS#H4!ioI
zM450LDB|Y<wvo>WkQvR$ql(;K;>LL~U%w=-Vbj(g9Z@7M-<Ryk6xk9kh;OdG&i_%`
zS`sp<MV?b9X}3{X<Hms*zBab(#~j!o{H~{}GEJ<$tI4G+?NnTnp<T8LYD;;a{;X5f
zhZ^(pO#Mx9m9FqapnWOHjZEt;{<s=jc|nTW>!w6Jw2*ZpC%=*Rqy;)n>46lI?ktGq
zmDBQy>McF&k|8MU)SC-aYEM)XCstn*Ur*Zds<K!WF108L8)&zM-|XP!yEue2iPsvr
zIh1v(L8jwbOFo6g^)zaobcwWq6_|ysQ9*~ID77eRZ51<{)b8?Z^3R1W$5!9ebM1Mn
zmL6h+=jJGl?^D}^)`f*1OVX<~cghDg0;qrF=IYAC#}rD4#?nda?XacmI0OceKdFk9
z9n9#2#ri4njrI+FPFU20W7U<WF08N_I<8sI*}-28h{^#~V*cGmmnNoR(oZ~3Vqq;h
zrSiB_bMWYPeOF~nt43aj<fWis+BQfimiMYd`JMVxQHNmpf;=59tAtQ`23UTIv9W2j
zwL6cu@T?@PuK)eqWHfBj>ln6M(J3HriePz8UTIzz=5kZl^l&*9<&54h_ShMfX<ZP1
zU4O%RL5bd)O=YEv_S4nDVbpC?$h3(FNC;W&FQfkQ-7I!BM?CPVOW5SFiPC<R3^AUo
z!>raKYb8!j>m;vZE3f0EVB1!?vOoSce~MpjFLP!2yme8v%+h(C5eb=*U3#i=pPpPj
ziM8<e5@iz9!8V+Mt}U4Nf0mwR{83H$0hO%2Dd$%%$m?2Yqu;K~Dm8k)-jN*@TRPYI
z(ei874^)t>3fnTPft!gPH(kqanKe+MO$W2=Iv}7(n65$(Nx1e7q}z0m-u|mKsxk}m
ztELA4+bpF{VF_HL5)U$_|IQRLEYs2vrfbggBBtOJm>PXJ{-jeDdsi>Zv#W1%gAkXH
zj3vo!npInKqm0ZyCq#Ab4*u2mp^;h5rpL8zt+28<C$B^itu)hf3Cr7)$?`V#M0GJ&
zebxF-P*c~nEzJbCDHN?lri)+O(xwxbT9eZX&~b=UGJEMks-XC7bFppxMxytKfp^+o
zztp>N1OEeyZKf#<tM6G(3d^)>h%jR(!dH=#)jH1U$j(XA1Ea|2x2iprS^XI;C@fxJ
zuDu|e1b8A4o?q1E$$e@Y5&5gfB&{oJ%)WnQxviQlM-;*l&Fim;%k8>Y#nXYA;b$jR
zerzW*Qq!oO65niIk!OWWno3$tA>*{CFLCU)uzH=NflZK4nqf1aH&gxyi-gOl6w-Ti
zE!^JBZ!y$9Fq1MY_Sfio*fg;bE!XenT;-&Pp0T1Rt7DPX+RmA_4{5>@Q5=0hKUUbG
z|4Go4^&98)xoA}?1I#=s_vrD-X}z`iHty9QNy2)MkXzDh`IsWNjd0<txKh0$7PTpV
zxCBm7$xXY(?o3{n>KFN&<=3sB3X6s^{$o_6X(u*qA;XTa+)f}n0k&^?C?dKhE9@_l
z97l2Nowkmz+_@#~4z7CBKyEfwn|l|~Nxut|s@Wu|cR3_@p2D*geyH%RD9%YO(l#`u
z$lIPZGQL0g_3Q*s)E331#S7w+G9ew{O7JFk>n$T&_0+<vX}<!S9@fe7WqED>9M_ac
z0fknMc<erXZ)rmBXy4$cH(s{BtHZR7wy6XyTf{Bp*sWO7kt*m4*XwqZc1R{08c3T<
z#Me?4olsN`_EeP0<<5P38w523%!K1CBK0oUjEbg1uXi7VYzJ2<JoB)Py0qgf9p_|h
zn|10rov1>#!q$oXeA>?GolBQFRlO`12yk?qw%BI3OzZ6$Ew0VUi$RyJY27!jSlOmF
zjorg^+!7ZTUX|Z&FL7B|Nh^hfHqUM8*)6H)#x7kc3EDm(4I;J^lMvqwGt)_BTK_iy
zXn10<(adG&ef@AWz|8vG@iZ)LmTC@}lI<sWO5!@5v<uW%Nt{j9l~}35L_)s2OU;f<
z^XVkPnZKw{wyV-~qgbZDDg8qdZS<NQRfWmzJm^>=T0G6SYUeqnrECa`RvKyskVQKd
zbWD4P0o1WfnI!Gli5VwmF;z~|Yc;!bn5_roE)}(A7lRwpnA4gyBjj}(d&)xB9dyyj
zv^t)f@x3G>V}Mx^Ic2)jqZC$7OY)Ns>t8C~qkp5-;>P^j`eYc2z~phRC*8?yYF|Dt
z#%pi!xAU*?oY1nNjf#ZTR5ET0OSh%vv}1>^5S_r1e$W#2i1DJyj$-CfJoru{kny3r
zRM1*j?+;YEw;^?nBaDA-TEe~|u?h)J(#2KnuBScW*@5&GjxQA^Y0b(cF$(jYf>oY8
zkbKe~;jwDXwDW6GDT)U=EBxg8OV)RyCRHVpuCS~$#FSAHbYe4)3%Y^KW`ef4(?+)%
zv$@h6&3qCT`!~Bu&+^Vb^j@L$0f1WLUmTNs>WIK(_3cHQ?6{rR>0L4$)yA`>={YtX
zqp>fA$-`_<$BF6jbW2;s)`=PZg&AAtU*|6xSG1XznM!;hgv&<f3IG5B;7LS5RPLHQ
zD8cSXmrktc3Y*Z12%D3HET)%3-pz^LN0@!^p||c=&{x<X9L>EjO4vxOd>1#daaG4O
zBZV2$jb&SotCHB$0>`+L6$@!>FL6oGBtjDjL73<$h%-*tr+3Q{%OSKhQO#S5sg1?d
zdTWu>$NLPk4+&I19L>{T^)q{OCl%Ab9$=g1+Fa0b6*)&Gf$N5zqa=<kaH0fD%buA#
z3N2KWNZW~GhbXiNr6!UlO%OzNW7hHYgkUPc+gQ^0bBtOyKk@;F-g<{I<X<M8FxmYn
z>`D<kj<A)7t>X0NHnu0RbQD<H@_LSvpoK#s6iHwa%YfL*6WJN!mFqVWnwt_f_op6r
zXq<jOfZk_%aJPSYC>%{lZa0C5>6WufHkPumv_fjtlG@G*;i9u`=tz{vl1RIzYRjeG
zB1!YljAY+Frs18r&Cfa9-|ZRv11oCn;S5cOj-4_K5GAwQ)AnhiC5bmCDy?4VRZZW!
zxrtKORE(}`u1%>_LD%~CSxJ59{f}lF1@<9>>id@|shArAnuPTfg3Smj2<H3ArdgeL
z9+*T^MYG#<1`prY?!yE0A&1_3d~d_Im^5!Q@XWnaOx40{MmZ^$4<F9(QU3xIwNbJE
c<9gr!2PrWAJ8HinBLDyZ07*qoM6N<$f^h36tN;K2

literal 0
HcmV?d00001

diff --git a/src/assets/images/phone.png b/src/assets/images/phone.png
new file mode 100644
index 0000000000000000000000000000000000000000..a24d882c0554ba06c4e050f103734c5aa5034e48
GIT binary patch
literal 647
zcmV;20(kw2P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%K}keGR9HvtmOp3|K@^9-7Y<BeVRc$qTw#$WAf&K~V4<Lp=0Ix=35486Az+c9
z5`%(iL^0Xq1cekSECekCiv(iG6-q1w1rZAs&f>00kwQdyW_P*VCOfmc=JvQIQ!VV9
z_rCePKQlsymvlHj2LSO3JksOjm__LU%G7b0mOojh%?>cDJ#?{(a4ZyX1*M21TUkMv
z0Ul_9L#zUYNFb#`opVgfuPh*<08`pco@Io7YXD^tM+VyiFt2xjn<<>1p(JZ5>|#x#
z3e4+Q;6$QhWe!KKCfX$!L;+k~kCngSP?^Dz$#wwTLzqZ#{E8ZvvM5AT3i^Qe7Jx03
z>p1eb)sr{&o7>RU&xk*Kb}wZZN1kRC-1B1t7(#er2y~Z{+-g5SFblrznS!8f@|Rw&
zNi{17`zUtRtb+0ZIGxovwgXIQjyxYNwNL>r7$H3Mj&cL#2+9&;@-9xT_}g$!Pa#wg
za>hHs1mWsyg!3W$XVe(9wQTZ(#8vxT@Y3;{BIEMi54fNsDCN|!)-DKp2vXsl>a0;p
zuP}ufgw1W)9|GML$=^`(Z_!=viDU&lZ>}B&HjMS~KkX0<vHRgI=>VD#FRV(W1NlTr
zdiMw5?P^x|gt0J_Ae5IlQrtg4V`tDEWrUMSF?aqeRg`|l<VWiO4K?yy-u}EDnV8W#
zr0S=xBwzOaN?!xEqXuJp1h`^R<SoKQM&+l;Me6`zuU=}p7y$o0SwMMCoyoYTe6|3o
h3!-Uw0MKy-{s9yTq9Lq7*;oJo002ovPDHLkV1j<V7^?sP

literal 0
HcmV?d00001

diff --git a/src/assets/images/user.png b/src/assets/images/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..6047ca5286e6af4c0b29e305f41ae63d6069744a
GIT binary patch
literal 564
zcmV-40?Yl0P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px$?ny*JR9HvtmN7_GVHC%I2cBk|gWy`!(BK+01Ue|S1O-6}f`bHlzXqiShvFqP
z8WHsFQ)rFX&=Ld&Iw&G74h{~DZDEt6sCDXlUO`{)zVm&L8*h1cJ^%Or|GsnHckUHB
z{78rM=>oLhfr>srm;i=QN(ejr<{gjaQ_NW70m|CPAT{7_(;(#wKe@+(9E5<x1ElK1
z9~$N#NMyWtfK-Qp^$_E~x)BoDu(WX<NVN(~Tc-88vV@ZvOB)NY3XEE&S$&N}#w=|d
zKt)#&Zd;~V{WFQ&v9xgjRV|~uuuQZ1OA>i*Y2yHv^$Ne(1^Nu*1A4f`BiSn!z`LdD
zfVVA;m06s;vBG^lt^=oz6`exr5a&Cg>;v;SSq=$r51_0i2Dt@Hpxj3&Wnq5vEg^hl
zMz;PBK&q1{&k(K}0pII7C+{tguo1l0etM}zT)~rE|6Vv`oH_BMY5Ldzi#otXHW98_
zr)gSOzR}A_-i>Gta5C?ei0zlhxXvD9EXZ-Apfx~MpP($Zb@Ij^DNk|oDjdMi{Q^G%
zmQEO-zoLg+Zu~#wcc94ApCUHtLOwvMUx6E8#|u;`+c>#?R-F$}(W5g<CNRN}DaSbJ
z2?g+1?`AQ{nTxW9JO7Pf?}0)I{x$0YbUV=T4*UWCNqixYr$~1I0000<MNUMnLSTYS
CYx&Cn

literal 0
HcmV?d00001

diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index 0e6d6fd..9e98a1b 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -168,7 +168,8 @@
         ]
         navRight.value = [
           { name: '工单', path: '/workOrder' },
-          { name: '舆情', path: '/sentiment' }
+          { name: '舆情', path: '/sentiment' },
+          { name: '酒店', path: '/hotel' }
         ]
         break
       case '/scenic':
@@ -246,6 +247,27 @@
         ]
         isBack.value = true
         break
+
+      case '/hotel':
+        title.value = '酒店管理'
+        isSkip.value = false
+        current.vlaue = ''
+        isBack.value = true
+        navLeft.value = [
+          {
+            name: '酒店一'
+          },
+          {
+            name: '酒店二'
+          },
+          {
+            name: '酒店三'
+          },
+          {
+            name: '酒店四'
+          }
+        ]
+        break
     }
   }
   watch(
diff --git a/src/router/index.js b/src/router/index.js
index 6c0173d..7b86d06 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -53,6 +53,11 @@ const router = createRouter({
           path: '/roadTesting',
           name: 'roadTesting',
           component: () => import('@/views/testing/road.vue')
+        },
+        {
+          path: '/hotel',
+          name: 'hotel',
+          component: () => import('@/views/hotel/index.vue')
         }
       ]
     },
diff --git a/src/styles/common.scss b/src/styles/common.scss
index a23ba86..4c685d3 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -70,3 +70,14 @@
 .pr-20 {
   padding-right: vh(20) !important;
 }
+
+.el-pager li,
+.btn-prev:disabled,
+.btn-next,
+.btn-prev {
+  color: #ffffff !important;
+  background-color: #004dc2 !important;
+}
+.el-pagination.is-background .el-pager li.is-active {
+  background-color: #00d0ff !important;
+}
diff --git a/src/utils/config.js b/src/utils/config.js
index e03ab87..4f339f9 100644
--- a/src/utils/config.js
+++ b/src/utils/config.js
@@ -5,7 +5,7 @@ export const proBaseUrl = 'http://192.168.77.200'
 export const socketBaseUrl = 'ws://36.138.38.16:81' // ws://36.138.38.16:81
 export const proSocketBaseUrl = 'ws://192.168.77.200:8060'
 
-export const mode = 'pro' // 测试 dev  正式 pro
+export const mode = 'dev' // 测试 dev  正式 pro
 
 export const devToken =
   'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImE1OWFmNWYwLTU3OWItNDJkNy1hZDJhLTY0Y2JlODA5ZWI1NiJ9.BTxvu6jUWbN0qONWf5K6VzXopE8T8qXzKuX-mij21VJT4U0LdgnqToyqeNDQ2OyJ6cvpdJBzQ9mEEb-dnwrTpQ'
diff --git a/src/views/hotel/components/info-box.vue b/src/views/hotel/components/info-box.vue
new file mode 100644
index 0000000..d37abd2
--- /dev/null
+++ b/src/views/hotel/components/info-box.vue
@@ -0,0 +1,224 @@
+<template>
+  <div class="info">
+    <div class="info-header">
+      <img src="@/assets/images/icon-12.png" alt="" />
+      <div class="info-header__content">
+        <h2>阔越云栖酒店(奉节高铁站店)</h2>
+        <div>
+          <img class="info-header__icon" src="@/assets/images/address.png" alt="" />
+          <span class="info-header__text">地址：奉节奉节夔州街道诗诚西路1992号附6号</span>
+        </div>
+        <div>
+          <img class="info-header__icon" src="@/assets/images/user.png" alt="" />
+          <span class="info-header__text">负责人：王民</span>
+        </div>
+        <div>
+          <img class="info-header__icon" src="@/assets/images/phone.png" alt="" />
+          <span class="info-header__text">联系电话：+86-23-56636999</span>
+        </div>
+      </div>
+    </div>
+    <div class="statistic-box">
+      <div class="statistic-item">
+        <div class="statistic-item__label">
+          <img src="@/assets/images/dot-primary.svg" alt="" />
+          <span>房间数</span>
+        </div>
+        <div class="statistic-item__value">
+          <countup :end-val="200" />
+          <span>间</span>
+        </div>
+      </div>
+      <div class="statistic-item">
+        <div class="statistic-item__label">
+          <img src="@/assets/images/dot-primary.svg" alt="" />
+          <span>床位数</span>
+        </div>
+        <div class="statistic-item__value">
+          <countup :end-val="640" />
+          <span>床</span>
+        </div>
+      </div>
+      <div class="statistic-item">
+        <div class="statistic-item__label">
+          <img src="@/assets/images/dot-primary.svg" alt="" />
+          <span>车位数</span>
+        </div>
+        <div class="statistic-item__value">
+          <countup :end-val="1000" />
+          <span>位</span>
+        </div>
+      </div>
+      <div class="statistic-item">
+        <div class="statistic-item__label">
+          <img src="@/assets/images/dot-primary.svg" alt="" />
+          <span>空余房间数</span>
+        </div>
+        <div class="statistic-item__value">
+          <countup :end-val="10" />
+          <span>间</span>
+        </div>
+      </div>
+      <div class="statistic-item">
+        <div class="statistic-item__label">
+          <img src="@/assets/images/dot-primary.svg" alt="" />
+          <span>空余床位</span>
+        </div>
+        <div class="statistic-item__value">
+          <countup :end-val="15" />
+          <span>床</span>
+        </div>
+      </div>
+    </div>
+    <div class="desc-box">
+      <title2 title="酒店简介" />
+      <div class="desc-container">
+        <p class="desc-content">
+          酒店位于奉节县西部新区夔州街道诗诚西路1992号，一家拥有独立茶室、餐厅、健身房、洗衣房、棋牌室，集住宿、餐厅、娱乐为一体的高档酒店。酒店距离奉节高铁站仅10分钟车程，距离人民广场步行街驾车20分钟，距离白帝城瞿塘峡景区、夔州古城、夔州博物馆驾车约30分钟，三峡之巅约1个小时。我们为您提供优质的早餐服务和24小时的管家服务，洗衣服务，拥有亲子房、影院房、浴缸房、套房等多种房型，每个房间内都配有小度智能客控，可以语音控制所有家电（空调、电视、窗帘、灯光等），只为给您带来更舒适的入住体验，是您旅游、商务出行的不二选择。在这里，您可以在茶室择一芳茶席，沏一壶清茶，一起看云卷云舒，静看花开花落，不争不急；也可以在棋牌室里和朋友一起玩转机麻，还可以在健身房里挥洒汗水，塑造自我，挑战自我。我们在这里欢迎您的到来。
+        </p>
+        <div>
+          <el-carousel indicator-position="outside">
+            <el-carousel-item v-for="item in 4" :key="item">
+              <el-image class="cover-item" :src="map"></el-image>
+            </el-carousel-item>
+          </el-carousel>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import countup from 'vue-countup-v3'
+  import map from '@/assets/images/map-img-1.jpg'
+</script>
+
+<style scoped lang="scss">
+  :deep(.el-carousel__container) {
+    margin-top: vh(20);
+    height: vh(350) !important;
+  }
+  .cover-item {
+    width: 100%;
+    height: vh(350);
+  }
+  .info {
+    margin-top: vh(120);
+    width: vw(626);
+    height: vh(950);
+    background: linear-gradient(321deg, #0b2f64 0%, #062b57 100%);
+    &-header {
+      padding: vh(12) vw(12);
+      height: vh(167);
+      box-sizing: border-box;
+      display: flex;
+      align-items: flex-start;
+      background-image: url('@/assets/images/hotel-header-bg.png');
+      background-size: 100% 100%;
+      > img {
+        width: vw(74);
+        height: vw(74);
+      }
+      &__content {
+        margin-left: vw(20);
+        > h2 {
+          font-weight: 800;
+          font-size: vw(20);
+          color: #ffffff;
+          margin-bottom: vh(12);
+          margin-top: vh(10);
+        }
+        > div {
+          margin-bottom: vh(12);
+          display: flex;
+          align-items: center;
+        }
+      }
+      &__icon {
+        width: vw(20);
+        height: vw(20);
+        margin-right: vw(8);
+      }
+      &__text {
+        font-weight: 400;
+        font-size: vw(16);
+        color: #0096ff;
+      }
+    }
+    .statistic {
+      &-box {
+        height: vh(114);
+        margin: 0 vw(26);
+        gap: vw(20);
+        display: flex;
+        align-items: center;
+      }
+      &-item {
+        flex: 1;
+      }
+      &-item__label {
+        margin-bottom: vh(16);
+        display: flex;
+        align-items: center;
+        > span {
+          font-weight: 400;
+          font-size: vw(14);
+          color: #ffffff;
+          margin-left: vw(4);
+        }
+      }
+      &-item__value {
+        width: vw(100);
+        height: vh(30);
+        padding-left: vw(12);
+        padding-bottom: vh(12);
+        display: flex;
+        align-items: flex-end;
+        background-image: url('@/assets/images/mask-primary.png');
+        background-size: 100% 100%;
+        .countup-wrap {
+          font-weight: bold;
+          font-size: vw(28);
+          color: #02f9fa;
+        }
+        > span {
+          font-size: vw(12);
+          color: #02f9fa;
+          margin-left: vw(4);
+        }
+      }
+    }
+    .desc {
+      &-box {
+        margin: 0 vw(20);
+        background-image: url('@/assets/images/bg-3.png');
+        background-size: 100% 100%;
+      }
+      &-container {
+        padding: vh(20) vw(20) 0 vw(20);
+      }
+      &-content {
+        overflow-y: auto;
+        height: vh(200);
+        font-weight: 400;
+        font-size: vw(16);
+        color: #ffffff;
+        line-height: vw(26);
+        text-align: justify;
+        /* 滚动条整体样式 */
+        &::-webkit-scrollbar {
+          width: vw(4); /* 滚动条的宽度 */
+        }
+        /* 滚动条轨道 */
+        &::-webkit-scrollbar-track {
+          background: 'transparent'; /* 轨道的背景色 */
+        }
+        /* 滚动条滑块 */
+        &::-webkit-scrollbar-thumb {
+          background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */
+          border-radius: 5px; /* 滑块的圆角 */
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/views/hotel/components/video-box.vue b/src/views/hotel/components/video-box.vue
new file mode 100644
index 0000000..467ccd2
--- /dev/null
+++ b/src/views/hotel/components/video-box.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="video-box">
+    <ul class="videos">
+      <li class="video-item" v-for="item in 8" :key="item">
+        <img src="@/assets/images/map-img-1.jpg" alt="" />
+        <p>
+          <span>核心路段：这是一条信息说明</span>
+        </p>
+      </li>
+    </ul>
+    <div class="pagination-box">
+      <el-pagination background layout="prev, pager, next" :total="1000" />
+    </div>
+  </div>
+</template>
+
+<script setup></script>
+<style></style>
+<style scoped lang="scss">
+  .video-box {
+    flex: 1;
+    height: vh(950);
+    margin-top: vh(120);
+    margin-left: vw(10);
+    padding: vh(34) vw(26);
+    box-sizing: border-box;
+    background-image: url('@/assets/images/one-video-bg.png');
+    background-size: 100% 100%;
+    .videos {
+      display: flex;
+      flex-wrap: wrap;
+      gap: vw(6);
+      .video-item {
+        position: relative;
+        width: vw(610);
+        height: vh(420);
+        padding: vh(12) vw(12);
+        box-sizing: border-box;
+        background-image: url('@/assets/images/item-primary.png');
+        background-size: 100% 100%;
+        > img {
+          width: 100%;
+          height: 100%;
+        }
+        > p {
+          position: absolute;
+          width: calc(100% - vw(24));
+          height: vh(32);
+          bottom: vh(12);
+          background: rgba(4, 30, 69, 0.72);
+          > span {
+            padding-left: vw(10);
+            font-weight: 400;
+            font-size: vw(14);
+            color: #ffffff;
+            line-height: vh(32);
+          }
+        }
+      }
+    }
+    .pagination-box {
+      margin-top: vh(10);
+      margin-right: vw(50);
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+</style>
diff --git a/src/views/hotel/index.vue b/src/views/hotel/index.vue
new file mode 100644
index 0000000..581b30d
--- /dev/null
+++ b/src/views/hotel/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="flex flex-1">
+    <info-box />
+    <video-box />
+  </div>
+</template>
+
+<script setup>
+  import infoBox from './components/info-box'
+  import videoBox from './components/video-box'
+</script>
+
+<style scoped lang="scss"></style>