From 2628e3076cda543bf35f82cf033d4c84182a0438 Mon Sep 17 00:00:00 2001
From: expdsn <18111002318@163.com>
Date: Thu, 17 Oct 2024 18:54:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=B7=BB=E5=8A=A0=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/icons/work_add_main_checked.png | Bin 0 -> 730 bytes
 src/layout/adder/AdderPage.tsx         |  25 +++++++++++++++++++------
 2 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 public/icons/work_add_main_checked.png

diff --git a/public/icons/work_add_main_checked.png b/public/icons/work_add_main_checked.png
new file mode 100644
index 0000000000000000000000000000000000000000..b60ed55458a3819158d87b02f3735cbc246949dc
GIT binary patch
literal 730
zcmV<00ww*4P)<h;3K|Lk000e1NJLTq000mG002Y?1^@s6i0rk100001b5ch_0Itp)
z=>Px%lu1NER9Hu)*D+`lQ5XmC?|+vV6bFYYDoAk@6=@t4Da8g66>Lm%@2Qg(thiX5
z?BLSHrB2mJRH!aO&gSl&1rY~DE8<dckt!$(8no4+Vks8w$z58L)}(j$y_@s>?#uVS
z_uhB#OJXCW{e_qheEZm82=@Uqp5T}Ammt+;9l(K91wLTsD-dckA1HPCls2}a;C|pB
z@B;ui1)=U}0CXF|JFNj=lB~8(z`%S`r1}@a$2<t>JkkL0g4VZnpmX4N5~MBzA_8tg
zs9ru$jl2lyU5Se<%^-*Z`9!7#;gsVb{{vwZX33yVSn6dI(gX;@rpQe1MRDZ)O2|q;
zkjYz08T-)fd~b$C0O86!BY)KaNPDgk5)D*qG7PDDG=RV``XSuG<w(p7!Yuxf>E}@N
zp4KA?fDozB>NUG?^zOGsBq0zsS{cGC@_}VLH+crtcAub@?9O24@_+y_i~=mz<pYF=
zkm?X02zITX*}?~^9eP3&ForY%8q)(n6M6vAS4{wOngGq{0l-H+fM{G3z=$SboYw=4
z^bQRGZ%DY?_yBMYLS5$qQ$(3oNPCtE7(I~gaJZpsBTm#k{O=ro45@O=QyJ5g#%>hc
zcRXO>Am!ampg{<)pLaKcM#;+N8_kh%iuj5s(++9>WL)p4kZJBgvHXcMq0Eq(>OiqP
z&X|!fPcZTj&S+G3G^@b{NN*@AxLGIOg7nVB32p>DC(7iSO=MB4@R?F(7TwNd+_x{y
zfce?8Si~Q+wsixJT>F*e?X?U*B?#|$(%>3k&{<gC4L(5F4yj&qfoT$I9e{<8uVhS6
z#3zv6{$ydbU&FWaS0Pj%AGp`m%Pru-DiqowoiTm}_fNLePv1$Qzu`zwR>r^>_y7O^
M07*qoM6N<$f|m|UyZ`_I

literal 0
HcmV?d00001

diff --git a/src/layout/adder/AdderPage.tsx b/src/layout/adder/AdderPage.tsx
index ee8094b..7a6a998 100644
--- a/src/layout/adder/AdderPage.tsx
+++ b/src/layout/adder/AdderPage.tsx
@@ -43,17 +43,24 @@ const ItemButton = defineComponent({
           ctx.emit('click')
         }}
         class={
-          'py-2 px-4 mb-2 rounded-lg text-sm cursor-pointer transition-all ' +
+          'py-4 px-4 mb-2  rounded text-sm cursor-pointer transition-all relative ' +
           (isGame.value
             ? props.active
               ? 'bg-[#626471] text-[#f7a94e]'
-              : 'hover:text-[#f7a94e] text-[#b4b5bb]'
+              : 'hover:text-[#f7a94e] hover:bg-white/20 text-[#b4b5bb]'
             : props.active
               ? 'bg-white text-black/80 shadow'
               : 'hover:text-black/80 hover:bg-white text-black/50')
         }
       >
-        <OhVueIcon name={props.name} />
+        {props.active && (
+          <img
+            src="/icons/work_add_main_checked.png"
+            class={'absolute h left-0 top-1/2 -translate-y-1/2  w-[8px] h-[34px]'}
+          ></img>
+        )}
+
+        <OhVueIcon name={props.name} class={"ml-1"} />
         <span class="ml-2">{props.label}</span>
       </div>
     )
@@ -69,12 +76,18 @@ export default defineComponent(() => {
   const addTo = ref(layout.state.currentPage)
   provide(AddToToken, addTo)
   return () => (
-    <div class={clsx('w-full h-full relative flex', isGame.value && 'bg-[#2c2e3e]')}>
+    <div
+      class={clsx('w-full h-full relative flex p-[6px]', isGame.value && 'bg-[#2c2e3e]')}
+      style={{
+        backgroundImage: `url('/bg/gameModel.png')`,
+        backgroundSize: '100% 100%'
+      }}
+    >
       <ThemeProvider dark={isGame.value}>
         <div
           class={
-            'w-[220px] h-full relative z-10 pt-[100px] ' +
-            (isGame.value ? 'pl-8 pr-2 rounded-xl' : 'bg-white/60 l backdrop-blur px-4')
+            'w-[220px] h-full relative z-10 pt-[100px]  rounded-2xl ' +
+            (isGame.value ? 'pl-8 pr-2 bg-[#424b5d4d]' : 'bg-white/60 l backdrop-blur px-4')
           }
         >
           <ItemButton