From 2ad4e35f570bed1e1a7acffa3b28c2aa2673fb45 Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Sun, 2 Mar 2025 22:49:11 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/plugins.ts                               |   4 +++-
 .../images/{ => common}/bg/bg-layout.png       | Bin
 .../images/{ => common}/bg/bg-main-2.png       | Bin
 .../{ => common}/header/bg-layout-header.png   | Bin
 .../{ => common}/header/bg-parking-header.png  | Bin
 src/assets/images/{ => common}/icon/icon-1.png | Bin
 src/assets/images/{ => common}/icon/icon-2.png | Bin
 src/assets/images/{ => common}/icon/icon-3.png | Bin
 .../images/{ => common}/icon/icon-home.png     | Bin
 .../images/{ => common}/icon/icon-setting.png  | Bin
 src/assets/images/icon/icon-4.png              | Bin 737 -> 0 bytes
 src/assets/images/icon/icon-5.png              | Bin 869 -> 0 bytes
 src/assets/images/icon/icon-6.png              | Bin 1224 -> 0 bytes
 src/assets/images/icon/icon-7.png              | Bin 737 -> 0 bytes
 .../images/{ => manage-forms}/bg/bg-count.png  | Bin
 .../{ => manage-forms}/bg/bg-frame-4.png       | Bin
 .../images/manage-forms/{ => bg}/frame-1.png   | Bin
 .../{ => smart-parking}/arrow/arrow-down.png   | Bin
 .../{ => smart-parking}/arrow/arrow-item.png   | Bin
 .../{ => smart-parking}/arrow/arrow-left.png   | Bin
 .../{ => smart-parking}/arrow/arrow-right.png  | Bin
 .../{ => smart-parking}/arrow/arrow-up.png     | Bin
 .../{ => smart-parking}/bg/bg-frame-2.png      | Bin
 .../{ => smart-parking}/bg/bg-frame-3.png      | Bin
 .../images/{ => smart-parking}/bg/bg-frame.png | Bin
 .../{ => smart-parking}/bg/bg-main-1.png       | Bin
 .../{ => smart-parking}/bg/bg-main-center.png  | Bin
 .../{ => smart-parking}/bg/bg-main-title.png   | Bin
 .../{ => smart-parking}/bg/bg-middle.png       | Bin
 .../bg/bg-road-condition.png                   | Bin
 .../images/{ => smart-parking}/bg/bg-side.png  | Bin
 .../{ => smart-parking}/bg/bg-suggest.png      | Bin
 .../images/{ => smart-parking}/car/car-1.png   | Bin
 .../images/{ => smart-parking}/car/car-2.png   | Bin
 .../images/{ => smart-parking}/car/car-39.png  | Bin
 .../images/{ => welcome}/bg/bg-particle.png    | Bin
 .../smart => welcome/icon/center}/car.png      | Bin
 .../icon/center}/clean-city.png                | Bin
 .../icon/center}/distribution.png              | Bin
 .../smart => welcome/icon/center}/lamp.png     | Bin
 .../smart => welcome/icon/center}/muck.png     | Bin
 .../images/{ => welcome}/icon/welcome.png      | Bin
 src/assets/styles/views/src/manage-forms.scss  |   2 +-
 src/components/CommonHeader/CommonHeader.vue   |   6 +++---
 src/components/CommonHeader/HeaderBarOp.vue    |   6 +++---
 src/components/CommonHeader/LayoutHeader.vue   |   2 +-
 src/layout/index.vue                           |   2 +-
 .../components/manage-left/index.vue           |   4 ++--
 .../components/parking-content/index.vue       |   4 ++--
 .../parking-content/road-condition.vue         |  12 ++++++------
 .../parking-content/traffic-overview.vue       |   4 ++--
 .../truck-monitor-center-item.vue              |   2 +-
 .../truck-monitor-center-percent.vue           |   6 +++---
 .../parking-content/truck-monitor.vue          |   8 ++++----
 .../components/parking-footer/index.vue        |   2 +-
 src/views/smart-parking/index.vue              |   5 ++---
 .../components/welcome-content/index.vue       |   2 +-
 .../components/welcome-content/page-list.vue   |  10 +++++-----
 .../components/welcome-footer/index.vue        |  17 +++++++++--------
 src/views/welcome/index.vue                    |   2 +-
 60 files changed, 51 insertions(+), 49 deletions(-)
 rename src/assets/images/{ => common}/bg/bg-layout.png (100%)
 rename src/assets/images/{ => common}/bg/bg-main-2.png (100%)
 rename src/assets/images/{ => common}/header/bg-layout-header.png (100%)
 rename src/assets/images/{ => common}/header/bg-parking-header.png (100%)
 rename src/assets/images/{ => common}/icon/icon-1.png (100%)
 rename src/assets/images/{ => common}/icon/icon-2.png (100%)
 rename src/assets/images/{ => common}/icon/icon-3.png (100%)
 rename src/assets/images/{ => common}/icon/icon-home.png (100%)
 rename src/assets/images/{ => common}/icon/icon-setting.png (100%)
 delete mode 100644 src/assets/images/icon/icon-4.png
 delete mode 100644 src/assets/images/icon/icon-5.png
 delete mode 100644 src/assets/images/icon/icon-6.png
 delete mode 100644 src/assets/images/icon/icon-7.png
 rename src/assets/images/{ => manage-forms}/bg/bg-count.png (100%)
 rename src/assets/images/{ => manage-forms}/bg/bg-frame-4.png (100%)
 rename src/assets/images/manage-forms/{ => bg}/frame-1.png (100%)
 rename src/assets/images/{ => smart-parking}/arrow/arrow-down.png (100%)
 rename src/assets/images/{ => smart-parking}/arrow/arrow-item.png (100%)
 rename src/assets/images/{ => smart-parking}/arrow/arrow-left.png (100%)
 rename src/assets/images/{ => smart-parking}/arrow/arrow-right.png (100%)
 rename src/assets/images/{ => smart-parking}/arrow/arrow-up.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-frame-2.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-frame-3.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-frame.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-main-1.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-main-center.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-main-title.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-middle.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-road-condition.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-side.png (100%)
 rename src/assets/images/{ => smart-parking}/bg/bg-suggest.png (100%)
 rename src/assets/images/{ => smart-parking}/car/car-1.png (100%)
 rename src/assets/images/{ => smart-parking}/car/car-2.png (100%)
 rename src/assets/images/{ => smart-parking}/car/car-39.png (100%)
 rename src/assets/images/{ => welcome}/bg/bg-particle.png (100%)
 rename src/assets/images/{icon/smart => welcome/icon/center}/car.png (100%)
 rename src/assets/images/{icon/smart => welcome/icon/center}/clean-city.png (100%)
 rename src/assets/images/{icon/smart => welcome/icon/center}/distribution.png (100%)
 rename src/assets/images/{icon/smart => welcome/icon/center}/lamp.png (100%)
 rename src/assets/images/{icon/smart => welcome/icon/center}/muck.png (100%)
 rename src/assets/images/{ => welcome}/icon/welcome.png (100%)

diff --git a/build/plugins.ts b/build/plugins.ts
index 2cef478..3afb101 100644
--- a/build/plugins.ts
+++ b/build/plugins.ts
@@ -26,15 +26,17 @@ export const plugins = (mode): PluginOption[] => {
       inspector: true, // 控制台是否打印 UnoCSS inspector
       presets: [
         presetIcons({
+          prefix: '',
           extraProperties: {
             display: 'inline-block',
             'vertical-align': 'middle',
           },
         }),
         UnoCssIcons({
-          prefix: 'i-',
+          prefix: '',
           extraProperties: {
             display: 'inline-block',
+            'vertical-align': 'middle',
           },
         }),
       ],
diff --git a/src/assets/images/bg/bg-layout.png b/src/assets/images/common/bg/bg-layout.png
similarity index 100%
rename from src/assets/images/bg/bg-layout.png
rename to src/assets/images/common/bg/bg-layout.png
diff --git a/src/assets/images/bg/bg-main-2.png b/src/assets/images/common/bg/bg-main-2.png
similarity index 100%
rename from src/assets/images/bg/bg-main-2.png
rename to src/assets/images/common/bg/bg-main-2.png
diff --git a/src/assets/images/header/bg-layout-header.png b/src/assets/images/common/header/bg-layout-header.png
similarity index 100%
rename from src/assets/images/header/bg-layout-header.png
rename to src/assets/images/common/header/bg-layout-header.png
diff --git a/src/assets/images/header/bg-parking-header.png b/src/assets/images/common/header/bg-parking-header.png
similarity index 100%
rename from src/assets/images/header/bg-parking-header.png
rename to src/assets/images/common/header/bg-parking-header.png
diff --git a/src/assets/images/icon/icon-1.png b/src/assets/images/common/icon/icon-1.png
similarity index 100%
rename from src/assets/images/icon/icon-1.png
rename to src/assets/images/common/icon/icon-1.png
diff --git a/src/assets/images/icon/icon-2.png b/src/assets/images/common/icon/icon-2.png
similarity index 100%
rename from src/assets/images/icon/icon-2.png
rename to src/assets/images/common/icon/icon-2.png
diff --git a/src/assets/images/icon/icon-3.png b/src/assets/images/common/icon/icon-3.png
similarity index 100%
rename from src/assets/images/icon/icon-3.png
rename to src/assets/images/common/icon/icon-3.png
diff --git a/src/assets/images/icon/icon-home.png b/src/assets/images/common/icon/icon-home.png
similarity index 100%
rename from src/assets/images/icon/icon-home.png
rename to src/assets/images/common/icon/icon-home.png
diff --git a/src/assets/images/icon/icon-setting.png b/src/assets/images/common/icon/icon-setting.png
similarity index 100%
rename from src/assets/images/icon/icon-setting.png
rename to src/assets/images/common/icon/icon-setting.png
diff --git a/src/assets/images/icon/icon-4.png b/src/assets/images/icon/icon-4.png
deleted file mode 100644
index 187370860d297d6482b668faf03bba256c0e7802..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 737
zcmV<70v`Q|P)<h;3K|Lk000e1NJLTq000{R000{Z1^@s6jnwp200001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZri%CR5R7gwhRzYhMK@@&3>D~PYZA3&A^in|tB~d(z
z8?`8kxFV<&v{7u3f^-m6NDJ8_6h$E^T2NxKA_yKzyQ1_WG}1#4MS{OTdktovZ+5dg
zn@y8$QgRU|hsn&mm+yV^eQ!4i9gOVTicUl$h@b(WS&hScGoAPy^(RmU-YZp-wK&kk
z>4X(bl>0V9KY^V@K%LJRq;Vin(S}$VVo+|8ujS4r=4F-xmYu5zAR3QaVMlQUR&Ho#
zQh}9z2te!&7&6$I1~6uZ|0J{jnssDDH<;Ls6G1oLeX}kIdgDg!Eo<`JE@k~Yv+KeJ
z8s{eikkfqJs{D~n=&qd#xjVW#x6BK>71*tpYdvGeby`m@?NMOEg*Cx7yUctlbtWF8
z!0b`>;=^<3+?u|!SApGlzA7ljnn@sUcz3wXH6mJ1ukKS|*Pg8^&3p!|8JFy9)x<FJ
zx%J}ueg$Ssujp)wcU?F;LJH0lh7TD2gV@NgXm%g{a$Q%a;Ja{p>l)bUS2qXMD@LMT
z%zrDgu$SFVtRs1Kce^I|IeU9>ASk=@{d|6T0BZ3vBkgdt@-$Ji+i1=EUVQi*D3*FX
zdT^-;Ol}P2mJJ{*v=$;vF&r5<N0=&Q4`qT8&YL<o(ht9yT<M6sOTXfJ<3wGv*=FX(
z4m+l33nmZs2VXLTkXM1xMPmV`=I<YAV6^Eq2CFzJKI?>31RHz}Jx#*1WNZ^{#1Jzd
z#L;3a8Jey!7^sUyty+U3d*W0pAi2+MzC#U+kB?Gpu-2n3n3r~9Y=Mmff-CR$`_S#j
z4I~nu9v?T`foyq=n<XC`T`&+yuz57D()?5HGndR%XMa+oR27U#W)`(hK)l?)Hy&y$
TYW@9%00000NkvXXu0mjf?e9QN

diff --git a/src/assets/images/icon/icon-5.png b/src/assets/images/icon/icon-5.png
deleted file mode 100644
index 9b99836bb78fea6ed10c9bbb79f8c5bde191bb42..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 869
zcmV-r1DgDaP)<h;3K|Lk000e1NJLTq000{R000{Z1^@s6jnwp200001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZs4@pEpR7gv$RzYhMK@^@hRlN2mG<fhJqD4eR#9c)3
z;30)p1(hla3JOiZ)QU>7^<ZfWjS4C#3MwdCOb_Bgkpz11&_fFzdJsu}LeGVr@tfV*
zo!!muCLtz=$;`aB-}~P8-rErC@>8m}26wq^TrydL%hvV)*|m|vR+sLc8FezAuD6C<
zS5$~m5w?SYJ(pz9juo1n{G<1oU{g!2A}%Mu#7cW$-(V_LJCQ2#Q#F(qwE|;1*rsr0
z9ro)qz@6EV!e*XN$gI5dw?@RrnUrCwI)Mq!4#0j<*-7X~M73?s9%pIkflYsIS%PGv
zm;5Vcf(eTeRT6$+N0W1-h2`Y)`UB(40<$EThXJNdCTMd0Y+*eB?GG%SS&UG$kop75
zVHP4v>CBDou7-Vf`@<hga_UJl;?ib<S(3GB7Gs9~bQaD<z)ApPLN*9Ik!y51iWy%;
z+uviwkJvpin*$7mg@#YL5B$Nbc43cUcI(}S1%RHIAsCyp?wCEf6a{;;VF{+0g;X??
zfKg;sRK2DK82l<8<HWs6iGMDgXIJ(bW;b5`_BB&L(K^l9lZ0l9S<q)e&J+Gb(s^-p
zp8>lDuuwA-5h8<jDa^cxT`*JCn8Hjm(*DwUb$!19yZn63BH5#61kF@6woj0FH6o3#
zZw^Pmp04?tc~zyUgjJZn=S*uRMa2^*%U($5?ZiO?c5!i4MQExqD3Tz?lsyt`G|RDv
zw$A&>Lk8^p{3-^jXz20@a^1GZ?uF6}gIF?Dqte!h8|=Lm%s!S68?ezwzbx`5NHWA&
z`Xen4O99PLAn^&(?hiQU)14!6Fd+pdh>lRtj=Vi5{fYrIJ!8U5#P(qJ<=#;PR(!ak
zB8*Is&Z40te9gSsm~F3^Ek8JBz|K@xkb9$9piNT4*g10n##1$m+eznZ^|%2$eZOHL
zWtbpY9o&A76Mr_UKFjeV&YW*Ewhwmd?oVXGA8uJy^*`?M^kF(N^+Qj<jN#Vpunb>F
v>BAKaZL-SW@ehf*`bU*)gkJW|g_F&HWLD;oH@1{x00000NkvXXu0mjfj^dGH

diff --git a/src/assets/images/icon/icon-6.png b/src/assets/images/icon/icon-6.png
deleted file mode 100644
index 72af4664e3629c0470938d9649cf19fc07652073..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1224
zcmV;(1ULJMP)<h;3K|Lk000e1NJLTq000{R000{Z1^@s6jnwp200001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZta!Eu%R7gv;mQiS1RT#(5IXCTUy6#@PRxMK!O+oQx
zu#SNg-9vnF4|d&ylZnaDhcc8Kli{G#1be6Tp_8q51EtJ|L~#VQWh(Av4Wzyl22qQM
zVyB(Rq@~Gj8`~zi_nzZ-?(I#prd<-8hqkvj=lj0j`G4Pc&Iv{c3GiF@c;l0w_vV&v
z-AugxtX8*^ZD`_pVUgr-L6;yz!QRUd(hxP(`GuQm1JK&ANb;9pldCz(81hyr!APT&
zUMa3<XD%GyKUYKP_OMDNb)}2Z_}bl})iAEa1xnCXO6s6efNrDIh6OHOlR7&+0YMOC
zUXwav);3`Xl;$eaYhviGea-HcNl+ryj?lOTqjYrSh3=D9H=g?9cV1Xe<6-LeD6JKG
z&cFO*hQpwf|KCANCI8uDPo!`pIXg-)f?DzNIfL`>+56JM!XG}^k6Eih!k_&bgWw^A
zvB+RUVT{qecp}6StNBG`Y@nByYNPc7!`CG7;Vu~wR|rTVUxlNu;U{B>qLx#}WDDX9
z6QB5aCbBX=8&8}*Vx4t?;c=<$p~q#0aR?NyD+MqRHxzIE4y#M7{Bv80uS0mO)(5&}
z(=1&X8`z)01DAe+I80-dsf&xV>cl#<9}GJ>9_tf`D+U~oRl@CB36vDpmdg;^w_7HJ
z@O>+pdeMLBL{AF8^3nHkf`x#!bb>Wz7-~+ND?_>3S3k@I5fNe-Vb~&eQmvXIl*lhH
zD#=s+a=MOR%mka7Tv5uHmuCX(m$KO#J`j<`{e$DXr9Ivl;;XQ8#dD-l(^QxL{!^WJ
z-%hWUV)c5E2tp7u^uy}vZM70&&AD7rSdiC=0~>nE(2L<u!%zKaHOSF3lfGosKL<~5
zvncYe41fcypRXKiCN<R6`M>UfRumn*bZ$B*2yiPPTZyHZp(&jfhAxMD(>yM>2gVJ2
z?A&#jXK7^W%H=nE(}!Ww?cN!~gaj%|q%lxh$lfYLU;JP?NQevWHwH@9w<Tp$jOs&9
zocmhaqOgD<GfIB=EQODbOwU2;Jlp|((#$9*pAQ~PAAb8=?+&ruQd({fjN#IxaZGTZ
zb-!&i%@j2XLyljIxEqwBpfj(Riaq0RJ(Iyl-kaP<h<h9+HqJ*-Y8tvS5w)SNRw)Jx
z3RI?#{|_0Np@tsjcK*S*B(?cu42@K2$Eb1g%hOMfS~Y_|g8#L+wDUoqOavT)0Aj@n
zk~Z{$^7T9Z^m71h*|96eFoK$*8Izi$U&Ri_ZQn-$LS*ohoRbG`@I<MYSFXN$$m!HO
zFHi31?gU4SLXbX@H;Fx1niY-6H^YA3Ro1X<J3JNytfX>N!JgAsa>~__eh1>XZ2h%>
z2WoDA1fT?tE>u>^FpE>8s1l*M52H;=n3*URmXuUA<nAzM_5eWd-?c|Z9Ey;*xn}k|
zP3ZZ&lDbf(WV3ngZ&%#oKp-x)b#=+0rlO`4+T0jQojsJ^dJ$Eh)(0yq1!zlq=U#>k
m?Yr~Om+RLEtWMkiZuT$v&u}^p?!5;90000<MNUMnLSTYtYfSzC

diff --git a/src/assets/images/icon/icon-7.png b/src/assets/images/icon/icon-7.png
deleted file mode 100644
index 187370860d297d6482b668faf03bba256c0e7802..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 737
zcmV<70v`Q|P)<h;3K|Lk000e1NJLTq000{R000{Z1^@s6jnwp200001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZri%CR5R7gwhRzYhMK@@&3>D~PYZA3&A^in|tB~d(z
z8?`8kxFV<&v{7u3f^-m6NDJ8_6h$E^T2NxKA_yKzyQ1_WG}1#4MS{OTdktovZ+5dg
zn@y8$QgRU|hsn&mm+yV^eQ!4i9gOVTicUl$h@b(WS&hScGoAPy^(RmU-YZp-wK&kk
z>4X(bl>0V9KY^V@K%LJRq;Vin(S}$VVo+|8ujS4r=4F-xmYu5zAR3QaVMlQUR&Ho#
zQh}9z2te!&7&6$I1~6uZ|0J{jnssDDH<;Ls6G1oLeX}kIdgDg!Eo<`JE@k~Yv+KeJ
z8s{eikkfqJs{D~n=&qd#xjVW#x6BK>71*tpYdvGeby`m@?NMOEg*Cx7yUctlbtWF8
z!0b`>;=^<3+?u|!SApGlzA7ljnn@sUcz3wXH6mJ1ukKS|*Pg8^&3p!|8JFy9)x<FJ
zx%J}ueg$Ssujp)wcU?F;LJH0lh7TD2gV@NgXm%g{a$Q%a;Ja{p>l)bUS2qXMD@LMT
z%zrDgu$SFVtRs1Kce^I|IeU9>ASk=@{d|6T0BZ3vBkgdt@-$Ji+i1=EUVQi*D3*FX
zdT^-;Ol}P2mJJ{*v=$;vF&r5<N0=&Q4`qT8&YL<o(ht9yT<M6sOTXfJ<3wGv*=FX(
z4m+l33nmZs2VXLTkXM1xMPmV`=I<YAV6^Eq2CFzJKI?>31RHz}Jx#*1WNZ^{#1Jzd
z#L;3a8Jey!7^sUyty+U3d*W0pAi2+MzC#U+kB?Gpu-2n3n3r~9Y=Mmff-CR$`_S#j
z4I~nu9v?T`foyq=n<XC`T`&+yuz57D()?5HGndR%XMa+oR27U#W)`(hK)l?)Hy&y$
TYW@9%00000NkvXXu0mjf?e9QN

diff --git a/src/assets/images/bg/bg-count.png b/src/assets/images/manage-forms/bg/bg-count.png
similarity index 100%
rename from src/assets/images/bg/bg-count.png
rename to src/assets/images/manage-forms/bg/bg-count.png
diff --git a/src/assets/images/bg/bg-frame-4.png b/src/assets/images/manage-forms/bg/bg-frame-4.png
similarity index 100%
rename from src/assets/images/bg/bg-frame-4.png
rename to src/assets/images/manage-forms/bg/bg-frame-4.png
diff --git a/src/assets/images/manage-forms/frame-1.png b/src/assets/images/manage-forms/bg/frame-1.png
similarity index 100%
rename from src/assets/images/manage-forms/frame-1.png
rename to src/assets/images/manage-forms/bg/frame-1.png
diff --git a/src/assets/images/arrow/arrow-down.png b/src/assets/images/smart-parking/arrow/arrow-down.png
similarity index 100%
rename from src/assets/images/arrow/arrow-down.png
rename to src/assets/images/smart-parking/arrow/arrow-down.png
diff --git a/src/assets/images/arrow/arrow-item.png b/src/assets/images/smart-parking/arrow/arrow-item.png
similarity index 100%
rename from src/assets/images/arrow/arrow-item.png
rename to src/assets/images/smart-parking/arrow/arrow-item.png
diff --git a/src/assets/images/arrow/arrow-left.png b/src/assets/images/smart-parking/arrow/arrow-left.png
similarity index 100%
rename from src/assets/images/arrow/arrow-left.png
rename to src/assets/images/smart-parking/arrow/arrow-left.png
diff --git a/src/assets/images/arrow/arrow-right.png b/src/assets/images/smart-parking/arrow/arrow-right.png
similarity index 100%
rename from src/assets/images/arrow/arrow-right.png
rename to src/assets/images/smart-parking/arrow/arrow-right.png
diff --git a/src/assets/images/arrow/arrow-up.png b/src/assets/images/smart-parking/arrow/arrow-up.png
similarity index 100%
rename from src/assets/images/arrow/arrow-up.png
rename to src/assets/images/smart-parking/arrow/arrow-up.png
diff --git a/src/assets/images/bg/bg-frame-2.png b/src/assets/images/smart-parking/bg/bg-frame-2.png
similarity index 100%
rename from src/assets/images/bg/bg-frame-2.png
rename to src/assets/images/smart-parking/bg/bg-frame-2.png
diff --git a/src/assets/images/bg/bg-frame-3.png b/src/assets/images/smart-parking/bg/bg-frame-3.png
similarity index 100%
rename from src/assets/images/bg/bg-frame-3.png
rename to src/assets/images/smart-parking/bg/bg-frame-3.png
diff --git a/src/assets/images/bg/bg-frame.png b/src/assets/images/smart-parking/bg/bg-frame.png
similarity index 100%
rename from src/assets/images/bg/bg-frame.png
rename to src/assets/images/smart-parking/bg/bg-frame.png
diff --git a/src/assets/images/bg/bg-main-1.png b/src/assets/images/smart-parking/bg/bg-main-1.png
similarity index 100%
rename from src/assets/images/bg/bg-main-1.png
rename to src/assets/images/smart-parking/bg/bg-main-1.png
diff --git a/src/assets/images/bg/bg-main-center.png b/src/assets/images/smart-parking/bg/bg-main-center.png
similarity index 100%
rename from src/assets/images/bg/bg-main-center.png
rename to src/assets/images/smart-parking/bg/bg-main-center.png
diff --git a/src/assets/images/bg/bg-main-title.png b/src/assets/images/smart-parking/bg/bg-main-title.png
similarity index 100%
rename from src/assets/images/bg/bg-main-title.png
rename to src/assets/images/smart-parking/bg/bg-main-title.png
diff --git a/src/assets/images/bg/bg-middle.png b/src/assets/images/smart-parking/bg/bg-middle.png
similarity index 100%
rename from src/assets/images/bg/bg-middle.png
rename to src/assets/images/smart-parking/bg/bg-middle.png
diff --git a/src/assets/images/bg/bg-road-condition.png b/src/assets/images/smart-parking/bg/bg-road-condition.png
similarity index 100%
rename from src/assets/images/bg/bg-road-condition.png
rename to src/assets/images/smart-parking/bg/bg-road-condition.png
diff --git a/src/assets/images/bg/bg-side.png b/src/assets/images/smart-parking/bg/bg-side.png
similarity index 100%
rename from src/assets/images/bg/bg-side.png
rename to src/assets/images/smart-parking/bg/bg-side.png
diff --git a/src/assets/images/bg/bg-suggest.png b/src/assets/images/smart-parking/bg/bg-suggest.png
similarity index 100%
rename from src/assets/images/bg/bg-suggest.png
rename to src/assets/images/smart-parking/bg/bg-suggest.png
diff --git a/src/assets/images/car/car-1.png b/src/assets/images/smart-parking/car/car-1.png
similarity index 100%
rename from src/assets/images/car/car-1.png
rename to src/assets/images/smart-parking/car/car-1.png
diff --git a/src/assets/images/car/car-2.png b/src/assets/images/smart-parking/car/car-2.png
similarity index 100%
rename from src/assets/images/car/car-2.png
rename to src/assets/images/smart-parking/car/car-2.png
diff --git a/src/assets/images/car/car-39.png b/src/assets/images/smart-parking/car/car-39.png
similarity index 100%
rename from src/assets/images/car/car-39.png
rename to src/assets/images/smart-parking/car/car-39.png
diff --git a/src/assets/images/bg/bg-particle.png b/src/assets/images/welcome/bg/bg-particle.png
similarity index 100%
rename from src/assets/images/bg/bg-particle.png
rename to src/assets/images/welcome/bg/bg-particle.png
diff --git a/src/assets/images/icon/smart/car.png b/src/assets/images/welcome/icon/center/car.png
similarity index 100%
rename from src/assets/images/icon/smart/car.png
rename to src/assets/images/welcome/icon/center/car.png
diff --git a/src/assets/images/icon/smart/clean-city.png b/src/assets/images/welcome/icon/center/clean-city.png
similarity index 100%
rename from src/assets/images/icon/smart/clean-city.png
rename to src/assets/images/welcome/icon/center/clean-city.png
diff --git a/src/assets/images/icon/smart/distribution.png b/src/assets/images/welcome/icon/center/distribution.png
similarity index 100%
rename from src/assets/images/icon/smart/distribution.png
rename to src/assets/images/welcome/icon/center/distribution.png
diff --git a/src/assets/images/icon/smart/lamp.png b/src/assets/images/welcome/icon/center/lamp.png
similarity index 100%
rename from src/assets/images/icon/smart/lamp.png
rename to src/assets/images/welcome/icon/center/lamp.png
diff --git a/src/assets/images/icon/smart/muck.png b/src/assets/images/welcome/icon/center/muck.png
similarity index 100%
rename from src/assets/images/icon/smart/muck.png
rename to src/assets/images/welcome/icon/center/muck.png
diff --git a/src/assets/images/icon/welcome.png b/src/assets/images/welcome/icon/welcome.png
similarity index 100%
rename from src/assets/images/icon/welcome.png
rename to src/assets/images/welcome/icon/welcome.png
diff --git a/src/assets/styles/views/src/manage-forms.scss b/src/assets/styles/views/src/manage-forms.scss
index c9ed00c..7ffacc8 100644
--- a/src/assets/styles/views/src/manage-forms.scss
+++ b/src/assets/styles/views/src/manage-forms.scss
@@ -19,7 +19,7 @@
     height: 42px;
     font-size: 22px;
     color: #fff;
-    background: url('@/assets/images/bg/bg-frame-4.png') no-repeat;
+    background: url('@/assets/images/manage-forms/bg/bg-frame-4.png') no-repeat;
     background-size: cover;
   }
 
diff --git a/src/components/CommonHeader/CommonHeader.vue b/src/components/CommonHeader/CommonHeader.vue
index 6e90458..dd0b686 100644
--- a/src/components/CommonHeader/CommonHeader.vue
+++ b/src/components/CommonHeader/CommonHeader.vue
@@ -34,10 +34,10 @@ onMounted(() => {
       <img
         alt="icon-setting"
         class="ml-[-284px]"
-        src="@/assets/images/icon/icon-home.png"
+        src="@/assets/images/common/icon/icon-home.png"
         @click="resetRouter()"
       />
-      <img alt="icon-home" class="ml-[284px]" src="@/assets/images/icon/icon-setting.png" />
+      <img alt="icon-home" class="ml-[284px]" src="@/assets/images/common/icon/icon-setting.png" />
     </div>
 
     <BarOp />
@@ -48,7 +48,7 @@ onMounted(() => {
 header {
   position: relative;
   height: 108px;
-  background: url('@/assets/images/header/bg-parking-header.png') no-repeat center;
+  background: url('@/assets/images/common/header/bg-parking-header.png') no-repeat center;
   background-size: cover;
 }
 
diff --git a/src/components/CommonHeader/HeaderBarOp.vue b/src/components/CommonHeader/HeaderBarOp.vue
index 519bca8..5ec45e1 100644
--- a/src/components/CommonHeader/HeaderBarOp.vue
+++ b/src/components/CommonHeader/HeaderBarOp.vue
@@ -3,9 +3,9 @@
 <template>
   <div class="bar-op">
     <ul class="flex-x-around">
-      <li><img alt="icon-1" src="@/assets/images/icon/icon-1.png" /></li>
-      <li><img alt="icon-2" src="@/assets/images/icon/icon-2.png" /></li>
-      <li><img alt="icon-3" src="@/assets/images/icon/icon-3.png" /></li>
+      <li><img alt="icon-1" src="@/assets/images/common/icon/icon-1.png" /></li>
+      <li><img alt="icon-2" src="@/assets/images/common/icon/icon-2.png" /></li>
+      <li><img alt="icon-3" src="@/assets/images/common/icon/icon-3.png" /></li>
     </ul>
     <span class="hover c-primary">王菠萝</span>
   </div>
diff --git a/src/components/CommonHeader/LayoutHeader.vue b/src/components/CommonHeader/LayoutHeader.vue
index 3fee0ff..e5dbde4 100644
--- a/src/components/CommonHeader/LayoutHeader.vue
+++ b/src/components/CommonHeader/LayoutHeader.vue
@@ -20,7 +20,7 @@ const route = useRoute();
 .title {
   width: 100%;
   height: 108px;
-  background: url('@/assets/images/header/bg-layout-header.png') no-repeat center;
+  background: url('@/assets/images/common/header/bg-layout-header.png') no-repeat center;
   background-size: cover;
 
   h1 {
diff --git a/src/layout/index.vue b/src/layout/index.vue
index f9b243a..f3e140c 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -24,7 +24,7 @@ const route = useRoute();
   position: relative;
   width: 100%;
   height: 100%;
-  background: url('@/assets/images/bg/bg-layout.png') no-repeat center;
+  background: url('@/assets/images/common/bg/bg-layout.png') no-repeat center;
   background-size: cover;
 }
 
diff --git a/src/views/manage-forms/components/manage-left/index.vue b/src/views/manage-forms/components/manage-left/index.vue
index df8f8e0..c3e1f12 100644
--- a/src/views/manage-forms/components/manage-left/index.vue
+++ b/src/views/manage-forms/components/manage-left/index.vue
@@ -125,7 +125,7 @@ const displayContent = () => {
       margin: 0 3.5px;
       width: 49px;
       height: 69px;
-      background: url('@/assets/images/bg/bg-count.png') no-repeat;
+      background: url('@/assets/images/manage-forms/bg/bg-count.png') no-repeat;
       background-size: cover;
     }
   }
@@ -164,7 +164,7 @@ const displayContent = () => {
       margin: 15px 0 0 0;
       width: 242px;
       height: 124px;
-      background: url('@/assets/images/manage-forms/frame-1.png') no-repeat center;
+      background: url('@/assets/images/manage-forms/bg/frame-1.png') no-repeat center;
       background-size: cover;
 
       h1 {
diff --git a/src/views/smart-parking/components/parking-content/index.vue b/src/views/smart-parking/components/parking-content/index.vue
index d77191f..90abb8d 100644
--- a/src/views/smart-parking/components/parking-content/index.vue
+++ b/src/views/smart-parking/components/parking-content/index.vue
@@ -16,7 +16,7 @@ import TruckMonitor from '@/views/smart-parking/components/parking-content/truck
 .card-container {
   width: 380px;
   height: 650px;
-  background: url('@/assets/images/bg/bg-side.png') no-repeat center;
+  background: url('@/assets/images/smart-parking/bg/bg-side.png') no-repeat center;
   background-size: cover;
   transition: transform 0.8s;
   transform-style: preserve-3d;
@@ -24,7 +24,7 @@ import TruckMonitor from '@/views/smart-parking/components/parking-content/truck
   ::v-deep(.road-condition) {
     width: 218px;
     height: 59px;
-    background: url('@/assets/images/bg/bg-road-condition.png') no-repeat center;
+    background: url('@/assets/images/smart-parking/bg/bg-road-condition.png') no-repeat center;
     background-size: cover;
 
     h1 {
diff --git a/src/views/smart-parking/components/parking-content/road-condition.vue b/src/views/smart-parking/components/parking-content/road-condition.vue
index 26f64c5..3a8003c 100644
--- a/src/views/smart-parking/components/parking-content/road-condition.vue
+++ b/src/views/smart-parking/components/parking-content/road-condition.vue
@@ -11,22 +11,22 @@
       <!-- 汽车列表 -->
       <ul class="mt-[32px]">
         <li class="car-item flex-x-around">
-          <img alt="car-1" src="@/assets/images/car/car-1.png" />
+          <img alt="car-1" src="@/assets/images/smart-parking/car/car-1.png" />
           <p class="c-white">入卡口（西北门）</p>
           <span class="dashed-circle c-primary-secondary border-b-primary-secondary">畅通</span>
         </li>
         <li class="car-item flex-x-around">
-          <img alt="car-1" src="@/assets/images/car/car-1.png" />
+          <img alt="car-1" src="@/assets/images/smart-parking/car/car-1.png" />
           <p class="c-white">入卡口（东北门）</p>
           <span class="dashed-circle c-primary-secondary border-b-primary-secondary">畅通</span>
         </li>
         <li class="car-item flex-x-around">
-          <img alt="car-1" src="@/assets/images/car/car-2.png" />
+          <img alt="car-1" src="@/assets/images/smart-parking/car/car-2.png" />
           <p class="c-white">入卡口（东北门）</p>
           <span class="dashed-circle c-warning border-b-warning">拥堵</span>
         </li>
         <li class="car-item flex-x-around">
-          <img alt="car-1" src="@/assets/images/car/car-1.png" />
+          <img alt="car-1" src="@/assets/images/smart-parking/car/car-1.png" />
           <p class="c-white">入卡口（东南门）</p>
           <span class="dashed-circle c-primary-secondary border-b-primary-secondary">畅通</span>
         </li>
@@ -54,7 +54,7 @@
     width: 330px;
     height: 61px;
     margin: 0 0 9px 0;
-    background: url('@/assets/images/bg/bg-frame.png') no-repeat center;
+    background: url('@/assets/images/smart-parking/bg/bg-frame.png') no-repeat center;
     background-size: cover;
 
     img {
@@ -72,7 +72,7 @@
     width: 330px;
     height: 157px;
     font-size: 14px;
-    background: url('@/assets/images/bg/bg-suggest.png') no-repeat center;
+    background: url('@/assets/images/smart-parking/bg/bg-suggest.png') no-repeat center;
     background-size: cover;
   }
 }
diff --git a/src/views/smart-parking/components/parking-content/traffic-overview.vue b/src/views/smart-parking/components/parking-content/traffic-overview.vue
index 1f27b9f..fc5cd50 100644
--- a/src/views/smart-parking/components/parking-content/traffic-overview.vue
+++ b/src/views/smart-parking/components/parking-content/traffic-overview.vue
@@ -49,7 +49,7 @@ onMounted(() => {
     height: 40px;
     line-height: 40px;
     font-size: 16px;
-    background: url('@/assets/images/bg/bg-frame-2.png') no-repeat center;
+    background: url('@/assets/images/smart-parking/bg/bg-frame-2.png') no-repeat center;
     background-size: cover;
   }
 
@@ -58,7 +58,7 @@ onMounted(() => {
     height: 66px;
     line-height: 66px;
     font-size: 34px;
-    background: url('@/assets/images/bg/bg-frame-3.png') no-repeat center;
+    background: url('@/assets/images/smart-parking/bg/bg-frame-3.png') no-repeat center;
     background-size: cover;
   }
 }
diff --git a/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue b/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue
index 779618f..0cb5aa2 100644
--- a/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue
+++ b/src/views/smart-parking/components/parking-content/truck-monitor-center-item.vue
@@ -15,7 +15,7 @@ defineProps({
       <img
         alt="arrow-item"
         class="float-left h-[16px]"
-        src="@/assets/images/arrow/arrow-item.png"
+        src="@/assets/images/smart-parking/arrow/arrow-item.png"
       />
     </div>
   </div>
diff --git a/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue b/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue
index e696efd..e6a29f2 100644
--- a/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue
+++ b/src/views/smart-parking/components/parking-content/truck-monitor-center-percent.vue
@@ -3,8 +3,8 @@ defineProps({
   percent: Number,
 });
 
-import ArrowDown from '@/assets/images/arrow/arrow-down.png';
-import ArrowUp from '@/assets/images/arrow/arrow-up.png';
+import ArrowDown from '@/assets/images/smart-parking/arrow/arrow-down.png';
+import ArrowUp from '@/assets/images/smart-parking/arrow/arrow-up.png';
 
 const calPercentItem = (percent: number): Element => {
   return percent > 25 ? (
@@ -35,7 +35,7 @@ const calPercentItem = (percent: number): Element => {
   position: absolute;
   width: 86px;
   height: 86px;
-  background: url('@/assets/images/bg/bg-main-2.png') no-repeat center;
+  background: url('@/assets/images/common/bg/bg-main-2.png') no-repeat center;
   background-size: cover;
 }
 </style>
diff --git a/src/views/smart-parking/components/parking-content/truck-monitor.vue b/src/views/smart-parking/components/parking-content/truck-monitor.vue
index b864713..a2ea50d 100644
--- a/src/views/smart-parking/components/parking-content/truck-monitor.vue
+++ b/src/views/smart-parking/components/parking-content/truck-monitor.vue
@@ -59,14 +59,14 @@ import TruckMonitorCenterPercent from '@/views/smart-parking/components/parking-
 .main-center {
   width: 824px;
   height: 650px;
-  background: url('@/assets/images/bg/bg-middle.png') no-repeat center;
+  background: url('@/assets/images/smart-parking/bg/bg-middle.png') no-repeat center;
   background-size: cover;
 }
 
 // 中间部分标题
 .main-center-title {
   height: 61px;
-  background: url('@/assets/images/bg/bg-main-title.png') no-repeat center;
+  background: url('@/assets/images/smart-parking/bg/bg-main-title.png') no-repeat center;
   background-size: cover;
 
   h1 {
@@ -84,7 +84,7 @@ import TruckMonitorCenterPercent from '@/views/smart-parking/components/parking-
   margin: 28px 0 77px 0;
   width: 666px;
   height: 400px;
-  background: url('@/assets/images/bg/bg-main-1.png') no-repeat center;
+  background: url('@/assets/images/smart-parking/bg/bg-main-1.png') no-repeat center;
   background-size: cover;
 
   // 中心智能管控
@@ -99,7 +99,7 @@ import TruckMonitorCenterPercent from '@/views/smart-parking/components/parking-
     .main-inner-middle {
       width: 100%;
       height: 100%;
-      background: url('@/assets/images/bg/bg-main-center.png');
+      background: url('@/assets/images/smart-parking/bg/bg-main-center.png');
       background-size: cover;
       font-size: 19px;
       animation: rotate 30s linear infinite;
diff --git a/src/views/smart-parking/components/parking-footer/index.vue b/src/views/smart-parking/components/parking-footer/index.vue
index e086ead..0578cc7 100644
--- a/src/views/smart-parking/components/parking-footer/index.vue
+++ b/src/views/smart-parking/components/parking-footer/index.vue
@@ -4,7 +4,7 @@
   <footer>
     <ul class="flex-x-around">
       <li v-for="index in new Array(5)" :key="index" class="rectangle flex-y-center">
-        <img alt="车辆管理" src="@/assets/images/car/car-39.png" />
+        <img alt="车辆管理" src="@/assets/images/smart-parking/car/car-39.png" />
         <span class="text-white hover">车辆管理</span>
       </li>
     </ul>
diff --git a/src/views/smart-parking/index.vue b/src/views/smart-parking/index.vue
index a9027cf..37f7b5e 100644
--- a/src/views/smart-parking/index.vue
+++ b/src/views/smart-parking/index.vue
@@ -6,13 +6,12 @@ import ParkingFooter from '@/views/smart-parking/components/parking-footer/index
 <template>
   <div class="layout">
     <div class="arrow left-[38px]">
-      <img alt="左箭头" src="@/assets/images/arrow/arrow-left.png" />
+      <img alt="左箭头" src="@/assets/images/smart-parking/arrow/arrow-left.png" />
     </div>
-    <!--<common-header />-->
     <parking-content />
     <parking-footer />
     <div class="arrow right-[38px]">
-      <img alt="左箭头" src="@/assets/images/arrow/arrow-right.png" />
+      <img alt="左箭头" src="@/assets/images/smart-parking/arrow/arrow-right.png" />
     </div>
   </div>
 </template>
diff --git a/src/views/welcome/components/welcome-content/index.vue b/src/views/welcome/components/welcome-content/index.vue
index 6197985..92f4b52 100644
--- a/src/views/welcome/components/welcome-content/index.vue
+++ b/src/views/welcome/components/welcome-content/index.vue
@@ -6,7 +6,7 @@ import PageList from '@/views/welcome/components/welcome-content/page-list.vue';
   <div class="flex-y-around welcome">
     <div class="mt-[158px]">
       <p class="c-white">
-        <img alt="welcome" src="@/assets/images/icon/welcome.png" />
+        <img alt="welcome" src="@/assets/images/welcome/icon/welcome.png" />
         <i class="c-primary-secondary">xxxx</i>
         你好 欢迎使用xxxxxxxzz
       </p>
diff --git a/src/views/welcome/components/welcome-content/page-list.vue b/src/views/welcome/components/welcome-content/page-list.vue
index 84f0ee4..338c74b 100644
--- a/src/views/welcome/components/welcome-content/page-list.vue
+++ b/src/views/welcome/components/welcome-content/page-list.vue
@@ -7,23 +7,23 @@ const router = useRouter();
 <template>
   <ul class="page-list flex-x-between">
     <li class="flex-y-center" @click="router.push('/smart-parking')">
-      <img alt="car" src="@/assets/images/icon/smart/car.png" />
+      <img alt="car" src="@/assets/images/welcome/icon/center/car.png" />
       <span>智慧停车</span>
     </li>
     <li class="flex-y-center">
-      <img alt="distribution" src="@/assets/images/icon/smart/distribution.png" />
+      <img alt="distribution" src="@/assets/images/welcome/icon/center/distribution.png" />
       <span>智慧配送</span>
     </li>
     <li class="flex-y-center">
-      <img alt="muck" src="@/assets/images/icon/smart/muck.png" />
+      <img alt="muck" src="@/assets/images/welcome/icon/center/muck.png" />
       <span>智慧渣土</span>
     </li>
     <li class="flex-y-center">
-      <img alt="clean-city" src="@/assets/images/icon/smart/clean-city.png" />
+      <img alt="clean-city" src="@/assets/images/welcome/icon/center/clean-city.png" />
       <span>智慧洁城</span>
     </li>
     <li class="flex-y-center">
-      <img alt="lamp" src="@/assets/images/icon/smart/lamp.png" />
+      <img alt="lamp" src="@/assets/images/welcome/icon/center/lamp.png" />
       <span>智慧路灯</span>
     </li>
   </ul>
diff --git a/src/views/welcome/components/welcome-footer/index.vue b/src/views/welcome/components/welcome-footer/index.vue
index a6bae17..42ad556 100644
--- a/src/views/welcome/components/welcome-footer/index.vue
+++ b/src/views/welcome/components/welcome-footer/index.vue
@@ -1,21 +1,22 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 
 const router = useRouter();
 
-const list = [
-  { icon: 'material-symbols:home-and-garden', name: '园区', target: '/' },
-  { icon: 'fa:building', name: '园区', target: '/' },
-  { icon: 'fa-solid:chart-line', name: '经营', target: '/manage-forms' },
-  { icon: 'ri:community-fill', name: '园区', target: '/' },
-];
+const list = ref([
+  { icon: 'i-material-symbols:home-and-garden', name: '园区', target: '/' },
+  { icon: 'i-fa:building', name: '园区', target: '/' },
+  { icon: 'i-fa-solid:chart-line', name: '经营', target: '/manage-forms' },
+  { icon: 'i-ri:community-fill', name: '园区', target: '/' },
+]);
 </script>
 
 <template>
   <footer class="flex-y-around">
     <ul class="flex-x-between">
       <li v-for="(item, index) in list" :key="index" @click="router.push(item.target)">
-        <i :class="`i-${item.icon}`" />
+        <i :class="`${item.icon}`" />
         <span class="hover">{{ item.name }}</span>
       </li>
     </ul>
@@ -39,7 +40,7 @@ footer {
       width: 90px;
       height: 90px;
       color: #7cc1ff;
-      background: url('@/assets/images/bg/bg-main-2.png') no-repeat center;
+      background: url('@/assets/images/common/bg/bg-main-2.png') no-repeat center;
       background-size: cover;
 
       i {
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index ae7419d..67fb9c9 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -15,7 +15,7 @@ import LayoutFooter from '@/views/welcome/components/welcome-footer/index.vue';
 .particle {
   width: 100%;
   height: 100%;
-  background: url('@/assets/images/bg/bg-particle.png') no-repeat center;
+  background: url('@/assets/images/welcome/bg/bg-particle.png') no-repeat center;
   background-size: cover;
 }
 </style>