From 6226cbac16ce0d742004c7dff03642f7190049cc Mon Sep 17 00:00:00 2001 From: 666ghj <670939375@qq.com> Date: Wed, 10 Dec 2025 15:15:44 +0800 Subject: [PATCH] Enhance homepage layout and styling - Updated `index.html` to include Google Fonts for improved typography. - Refactored `App.vue` to utilize new font styles and added a white background for better contrast. - Redesigned `Home.vue` to introduce a navigation bar, a hero section with a new logo, and a structured dashboard layout for project simulation steps. - Added a new logo image `MiroFish_logo_left.jpeg` to enhance branding. - Improved overall styling and responsiveness across components for a more cohesive user experience. --- frontend/index.html | 3 + frontend/src/App.vue | 5 +- .../src/assets/logo/MiroFish_logo_left.jpeg | Bin 0 -> 600901 bytes frontend/src/views/Home.vue | 1105 +++++++++-------- 4 files changed, 582 insertions(+), 531 deletions(-) create mode 100644 frontend/src/assets/logo/MiroFish_logo_left.jpeg diff --git a/frontend/index.html b/frontend/index.html index fa14859..621bf64 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,6 +1,9 @@
+ + + diff --git a/frontend/src/App.vue b/frontend/src/App.vue index a86d6e8..b6d3eaa 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -15,12 +15,11 @@ } #app { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; + font-family: 'JetBrains Mono', 'Space Grotesk', monospace; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000; + background-color: #ffffff; } /* 滚动条样式 */ diff --git a/frontend/src/assets/logo/MiroFish_logo_left.jpeg b/frontend/src/assets/logo/MiroFish_logo_left.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..a5459350d35fef74d7ec3da226c9bd0979a24c59 GIT binary patch literal 600901 zcmeFZXIxXw`Yybv0Ys20C=dmd5)q{cA`lSiN{3K{NN*z2i;##)l_Fh{-g`hPf=F+I z^eRONMVd%L4G`cgp0fA<{dRuum$Uad&*%y(!^|+V)|BhM?rY{``~(YhDSF%60KkI> zfFJ+>Q~)IjBR~e;k%0dIk_!OEANK%YKyvY4_huygf2AP>08*xZrw_IV$p1M
z7*-h->k_|lm4(+um4E+y&Rr^@GLLPH1}?2d^8#UR_ly%G ?Ylbg9h7v^5jfdflXz
zuKUt!m?6mMI7Lye!P!<{o0)=QOUoZk3arYt5(xJ$RF3RSRdgJi!$4L@LXAHQ_-8y7
zh+DLLKgPhrH+}#2xdlpxVqP(Z!x+8^wbWU1xCu-T9~dBo4!|q>t(^G1uY``v?cgsg
zDtce=3?H=I!)T-IJA <(Ddj~Z?Fi7gZqL|;lH^FfZ2gr9>TvW
zZsTnqR_w(txSt2orJy?6=w<`va=G*<_E$IY;UVzZ`c2Y9As4^dJHgkZ70%y`=CF!-
z=Jd`})u#`SHvfPU8Z#F1wbv0L`Z0>$%wImBV*@PDu*r90=zN#xQk$5Pq ZO{MCnWe&5*`_CEO+g)
z1CQ%SD3?a^s2#$;k6ykzz09IbbSAckuF{lgGSYxPzL;R}ef)KG5ZJeLAYF3f?fgA|
zTCt8Ig^Egr_$W<*DO}7tQMV$gT^PHfcK9zRmSAuKM@g+OAg04jGRtlZ+m7#k_opXw
zqz^opjglkQ5$GmKC4E42#E0yA$qnpZ=C&3G_kzf^NALNBSmP`Zz|cPs;+XU3e6QKB
z+GegVQdT}DXQO4_opFz~@r{yerHg$S{4+%~aODUl-+SD9@a6XVna`oaoDo7~kq4R$
z5>&KoOPKKIJpDQ#`d`k8XwltyPXA83Cv{5m#A^oM6h^PI;I*9Gy)bs|B9la&NVGqS
zYwpMQ<{1j!H?E-+PoyOt01YOr}MpGDaam5)mN{O9($`c%*#Ojz%z;Wu}WU_XTrhV`SoUL(9Q*tanq
zUOLalY689vIltX2e*eq1f=KL824
%%@dv-|a@ymG5`ZH#7}prRpq^PO51nOU8M|1U^>w#OQsNYM(omZQd19
zLXx~@F_Dji%X`1H4
zvrz5m$UBLm_KQ!*_^n}rWQKqs^#SSAHz-s<9L=x0f&QBD_b=fGb(5cw3b7S$g(lrn
z6u8eJzf^ASPmp&6z2-o*27oSXpcjH+(A4-(==RrMMT#N)bC&Gf;6Z)JE60vc6&7q7
zlddd~zSw$SIC8D-tQvm1@H2rGw*6yt=
zPVg6BgYsbm0;*XLwg`Z-Asw!QpZw-!$qL3Qkw*O+62daf3w9~SgPCNNRHr^A5x}Ll
zH*Y?*Qc3kV<4Q@XBJ;pj&Ev*7wVe0Cp6Ul0F72>1O=_lFvOt)*^2}U6o%Qwo9nNlS
zF9viBp|SIOw$hOo;d%eS0dw9E`w213H3J5BHhR{Z0>UH&N-;la+%BDQ5RlmRLxi8L
zxX^w6YucCVR>^F;#Is(lFw~PMVFAxsy{7w?Df7f__JeizxVlG#l$ZvLEM#KGM1w#o
z;=;wu6jR0}1F<`U5x&{xn+6=K15Utco|*?XF=G=K8uzrsReltKE*JCfzLzG-lR(+I
zP2fW7XT7RIg6{Q+y1|?xb}Jk9$EB63*JR_{YaNVA3PVcQ>@*tl2F!QG2s8Z)-gZP7
z=B#e25N0qkj175}$~3(ZzWkn^>|y&WU0-F&hFkU_ZXRrl+4vllZERcH`+1Qy%Dp9}
zNrItr4=;hqgN2a!7Wd?eqX(}sEy!pHV=ZO?yO^yQ7&HGz-vVn*my|mC;^j@2%Pn5S
zMSeBPcl9M(wI~~V^;ORF+J@P#BhrOjI#v;#&doEl=vQ;~A@7CtQ$KfDEz+47&cbNd
z4-C