From f865c765fbdc094a2bfa3ea350929b4f22e5be53 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 28 Jul 2025 11:45:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/home-imgs/border_bg.png            | Bin 0 -> 1312 bytes
 src/assets/home-imgs/num_bg.png               | Bin 0 -> 3522 bytes
 src/components/TitleBackground/index.vue      |   2 +-
 src/views/home/components/right-two/index.vue |  19 +++++++++++++++---
 4 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/home-imgs/border_bg.png
 create mode 100644 src/assets/home-imgs/num_bg.png

diff --git a/src/assets/home-imgs/border_bg.png b/src/assets/home-imgs/border_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..5262c03ca9c60fb156f901f621832aaee3d58b80
GIT binary patch
literal 1312
zcmeAS@N?(olHy`uVBq!ia0vp^`+zu=gAGW2?u{%2QY^(zo*^7SP{WbZ0pwoyba4!+
zh<iKdbiPlbM0@&+Iefj|rt4HQ4;?y`s=hWmJ5x0$aM}vJtY*=P5jQq`U|%4_edyNO
z(w7-4G?es0J6l>8vAtcvDl6+`bn$4p-@f-X@2hQM>+k>mckXlbET3DGJ<Yd$F-hAL
zI#;t!;e))ukB@(kxAr~uHeY`IUEP*#>r=n=>X$mMI6m*9^_{&R-rRl{Fx`TOv74o;
zPcMtxdfmSRue)WBPs{Z(-}+@;)voHe>lfy99Sm7maH{0Oi`o3!SI_cS*r#c5E>hi~
z=<S2J%L^9=Z{mHaaQQ>{pRa58YR`W&XZmj|-M=;&x3=Fa5qPe!pwr>y^d%9-OV`%@
zpM77xR3JXMHl^2#;p5^-kLP7Eb*$fIcgS6};YZ-fLVr`nBjK^~4;KqL{8{m2$MRVW
zk5;ei{}9NjP#02kC)k(aW9W7FA1hb{?6oZ4tyF9HvFf#QO$gKfj{nb9P48Xp?3z+7
z#i6jTZQ6;9xd(PU3Qy7A%{8CB?91Jp{W-PD%!&#v2R`xUmUkU}bT>XfeVW}Xg?$s!
zIv!48cw~L_biqm%f%q)rCq+P~&3%-*BZR3#f2(AXCD3VpAB|$P7>`W9#j|sckVDP#
z3Q4`G43E5X+hY7Ur*z)G@hhQJjU!LguJ7-2v*Y!7b0?+m2xsbeFKU0fR?wj){>jbP
zK;_j(&lknB2;3L1{8j}tGw$Q&JK~H-zPrxb8^@`zFZ_?rcUOjwwG-3V<I;NSNc{Ha
z4`(efD*l{Zm+<@Zx^LS1oHmLxtpjS$K6FOhli{Q5H7AYhKs!tmpLMG={7}kPoRST6
z$Si};u0VHB+$wMi7{cYgGkz)o^_+;}cnS>R-D+oQCIY>lqT5mg4B=Sew0#~-PvbSV
zKL59?>(raC5BuNGj(_48D>`#VfWQU^hL5@qDJ^!ucw28Q6s^$kLrlTQNuKe@_3M(I
zx&jV0+yasd`xzd+e%*6K3>X)z9X%J^89sh3bxYy~I*iH1?S*o~k6%{G8(En;@)?zs
zzX)plcUn1Z-Z7tTt2R%l-@bPJ>o2CY{mw}oGk{@d>^H|tg7Jud#6p`sNya1QkB_Wu
z5p?*|B6{jErP3Pz)wW)%_H{Jax!AyB!`Am@)$KPq{2U#~^GoWZ^KaxWBFi&ZSQfuG
ztv|k<VY*-u=aeJ$I}3kZxGfsG`_g3hPe)nj9$q=C_-}{)cH>Er3IRg<e|x<BvoWw8
z7%%~DFMxq*Ri(5vmFaO;eC@t^@A`FnFMrZI=IFq~ctkvy)$tK9N((QgO_u<s%w=3n
zM}QIjc*$8kLty0jh_ZA}W_Wbmb9QVJFw|#gaR{k19_gQKw)+S$P7Ff@RQy1uR)4*`
zxn$#veq)Z^3IghloWj~tMeWb0h5f7Z)P3{mXgZsGxV`L8p>J}}6%%G3SRA`~nn+gj
zO2y~@g#IU-@LqW_<kgeyo>$i&y7$<IB}e!~-;?eB9!p;xIwSk}`!9dz;{t0YigL{d
P7I_Swu6{1-oD!M<d6r?4

literal 0
HcmV?d00001

diff --git a/src/assets/home-imgs/num_bg.png b/src/assets/home-imgs/num_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8713c6852df77e75ed6c1148f43dce13e55426f
GIT binary patch
literal 3522
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

literal 0
HcmV?d00001

diff --git a/src/components/TitleBackground/index.vue b/src/components/TitleBackground/index.vue
index 049d666..135bb07 100644
--- a/src/components/TitleBackground/index.vue
+++ b/src/components/TitleBackground/index.vue
@@ -21,7 +21,7 @@ const props = defineProps({
 .title-background {
     width: 100%;
     height: 38px;
-    padding-left: 38px;
+    padding-left: 48px;
     background: url('@/assets/home-imgs/title.png') no-repeat center center;
     background-size: 100% 100%;
     line-height: 12px;
diff --git a/src/views/home/components/right-two/index.vue b/src/views/home/components/right-two/index.vue
index 3d0597d..544d08f 100644
--- a/src/views/home/components/right-two/index.vue
+++ b/src/views/home/components/right-two/index.vue
@@ -20,10 +20,10 @@
                     <span> {{ item.total }} </span>
                 </div>
                 <div>
-                    <span style="padding-left: 10px; font-size: 18px; font-weight: bold">
+                    <span style="font-weight: bold" class="amount-text">
                         {{ item.amount }}
                     </span>
-                    <span style="font-size: 14px; margin-left: 4px"> {{ item.unit }} </span>
+                    <span style="font-size: 14px"> {{ item.unit }} </span>
                 </div>
             </div>
         </div>
@@ -220,11 +220,14 @@ const onHandleTabs = (component, index) => {
     padding: 20px 2px;
 
     .content-item {
+        padding: 10px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
-        border: 1px solid #00deff;
+        // border: 1px solid #00deff;
         color: #b9e8fe;
+        background: url('@/assets/home-imgs/border_bg.png') no-repeat center center;
+        background-size: 100% 100%;
     }
 
     .item-1 {
@@ -284,4 +287,14 @@ const onHandleTabs = (component, index) => {
     width: 100%;
     height: 80%;
 }
+
+.amount-text {
+    background: url('@/assets/home-imgs/num_bg.png') no-repeat center center;
+    background-size: 100% 100%;
+    width: 48px;
+    height: 48px;
+    display: inline-block;
+    text-align: center;
+    font-size: 22px;
+}
 </style>