From 7d09205087887554af5e60eadd6e4d78cf9beadc Mon Sep 17 00:00:00 2001
From: expdsn <18111002318@163.com>
Date: Thu, 31 Oct 2024 18:21:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BA=86=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E9=80=89=E6=8B=A9=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?UTF-8?q?=E6=AC=A2=E8=BF=8E=E9=A1=B5=EF=BC=8C=E9=80=82=E9=85=8D=E4=BA=86?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B9=E7=9A=84=E5=A4=9C=E9=97=B4=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/icons/settingLine.png             | Bin 0 -> 4397 bytes
 public/icons/welcome/back.png            | Bin 0 -> 39694 bytes
 public/icons/welcome/startUse.png        | Bin 0 -> 11169 bytes
 public/icons/welcome/welcomeRight.png    | Bin 0 -> 1316 bytes
 public/icons/welcome/welcomeTitle.png    | Bin 0 -> 9732 bytes
 src/App.vue                              |   2 +
 src/layout/background/BackgroundPage.tsx |   2 +
 src/layout/dock/index.tsx                |  11 +-
 src/layout/grid/DockSetting.tsx          |  11 +-
 src/layout/grid/SiderSetting.tsx         |  14 ++-
 src/layout/grid/WelcomePage.tsx          | 141 +++++++++++++++++++++++
 src/layout/sider/index.tsx               |   3 +
 src/settings/SettingItem.tsx             |  14 ++-
 src/settings/SettingsOverlay.tsx         | 100 ++++++++++++----
 src/user/UserPage.tsx                    |  13 ++-
 vite.config.ts                           |   3 +-
 16 files changed, 269 insertions(+), 45 deletions(-)
 create mode 100644 public/icons/settingLine.png
 create mode 100644 public/icons/welcome/back.png
 create mode 100644 public/icons/welcome/startUse.png
 create mode 100644 public/icons/welcome/welcomeRight.png
 create mode 100644 public/icons/welcome/welcomeTitle.png
 create mode 100644 src/layout/grid/WelcomePage.tsx

diff --git a/public/icons/settingLine.png b/public/icons/settingLine.png
new file mode 100644
index 0000000000000000000000000000000000000000..1be54923a16cf3b5e805799294a7ad706be689da
GIT binary patch
literal 4397
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

literal 0
HcmV?d00001

diff --git a/public/icons/welcome/back.png b/public/icons/welcome/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea4cbfde2cb15bf385fe8d652fcac83048b8a64b
GIT binary patch
literal 39694
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

literal 0
HcmV?d00001

diff --git a/public/icons/welcome/startUse.png b/public/icons/welcome/startUse.png
new file mode 100644
index 0000000000000000000000000000000000000000..8444ce6d4e67d1de7d75034dc46dae3e15b56e19
GIT binary patch
literal 11169
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
SUvV|Jc&dt;3gvQULH`HSg9C&B

literal 0
HcmV?d00001

diff --git a/public/icons/welcome/welcomeRight.png b/public/icons/welcome/welcomeRight.png
new file mode 100644
index 0000000000000000000000000000000000000000..55dfaa0bb19e08820ebdbf828b89355b1b7746f5
GIT binary patch
literal 1316
zcmV+<1>5?GP)<h;3K|Lk000e1NJLTq002$^005u}1^@s6qU2id00001b5ch_0Itp)
z=>Px(-bqA3RCr$P-Az*4Fcb%H8P>2YVb}r_y5=@*50G1gQ`p0*^dLP%*37VNcO0M|
zcjRE>Z+*O{B+~n{#SZe1zd!UOIa!|P+s$UPRrqld$nrd|lu}Q?b8=G+oZbs~4t6!%
z?d`34dwWx5Spv@zuZDYkeAH-ax7z{F74G8VLcPDg1J4Ie?*lwLx%O1miEDm<XU3a^
zL-Gi4z+1+fO&m^JA{>%84QNapl1GF?^7??*i9_;;a7f-B&^d8P9uZD@^1Kr#J$Ym}
zsmWu3lZeL#Ck>AkP7)qFoD{qua1!u>!KIED6fR}F;BcwpWkpf^ySuwPzqz?F7upG1
zq&5Jg6Zb94vX}LGeZE?)2sGwhQ^L#i;R4V6Pakek!vT)~2Rt{tHgQNE5e~_-0~{p|
z$s@ucdCP#ai9_;;a7f-XpfPbs9uW@7>jPRR4#^|JA$fa1=foj-A8?elT#~CQ<h5K<
z@mSV!NyKAY%OwqubuE`9yxu4m$C!W=ywUI=@GQ$p&9Y1GwOl%RN~vED4-aQ4j-CZw
z%at<T;z&N%X`5p5j8h<hH&a%cy2cGR1>P7>&mH-*TCJ|u>-FO81bBn8Qc)CNl~TWf
zXZIM=Y*m+)faiwRtH%M)4X;<oJTzWW6yK|=dWrENc~k)go?Y@LOXt8d<IRpa0FN+|
z54?Fi<0u#K2qXExo9J?xFN6CnfJYd~2i_;1@ftTwB=87RAb>}hJ0cy=`Bd$mx{~oo
zaFXw~WH_mKEN~L>*x-hEruDCS4CD3nRqy8g(&na~cYl9>c6oVe`z-IZ-LSo^a9zBr
zs;(SbNXAo2ojLqH>ZVWZaMTvXvOnNF|5JbioTq^2ZtRI`dJ~7bIXpi<|0v7yXVf=`
zZWrtjk0T9Q)Q=;F?zc8*#~PDmIaQ^h>B}M+P9ho^PAVD+PBNM|oOCoVIG}k9)&R|8
zco1kF1JXbncW8~zaX_1{0xZG-ZN7AJG7}4r-S>2@E}g_w*4WS{pW|?P+GX#k)AeIa
zTEp7HA!&9=>%jrd4XwV$0nHt)hRgH(@AdWdmqRSOjQN^2<Tb94);n;lRZR)4NnHKq
z+ugT7bajC?)8$%PS`M^@F4r6!(3Wo+!M=PuwQHL3=76NxJ)W??lq&V4wLORC8dsL3
z+U<6#EKBn2$YV`Qu*(Y1R%|cci+O#$4<*a19;KnR55OEVza^ZW-DK*-Z8w|E)+eqK
zlQycyxxz_Cn=GB%07^&mf&<z<TE+qCZUTY!sbLKVwEjiR3Jz%FE58vAXfuV(rMoE5
z77CejzXF<}kU8~hpqZa$r(V1l?OO!Rhs(FcaPA1uEN#1UM}TID*7h85O>+?Y*i_FQ
zLDJma>bWDOUhipIU+VGMy<Ip)&!}zS+}~>M2=x!9hE`wWY~HR<flCoBI9#e|LE%zH
z3kH`uS`au1XzXxO&{*Llp|Qb9Lt}xHh(?B!ibjHyjOGm|9nA|4X#1YKQzsv2pXCl~
zIH2`wL{@M>8yD7$a6p@`Mh5?4T1pZ0l=lt#Rmi7&;MBGSTgydl*s1Ry<m=u~{h&G8
z$G(<}qfs$@MhnNWmMew>=4vC`S}v{z#qv2UYq?@MSk87faNbKTIU5txXOY%&#dM(D
aZT%0TI$+;1?m9;R0000<MNUMnLSTZ{Np_O}

literal 0
HcmV?d00001

diff --git a/public/icons/welcome/welcomeTitle.png b/public/icons/welcome/welcomeTitle.png
new file mode 100644
index 0000000000000000000000000000000000000000..97c16bcf852639a9ca0e23cca1f237eaa080b5aa
GIT binary patch
literal 9732
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
AYybcN

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 453b80e..fd9fd86 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,6 +13,7 @@ import LoginModal from './user/LoginModal'
 import { computed } from 'vue'
 import asyncLoader from './utils/asyncLoader'
 import useLayoutStore from './layout/useLayoutStore'
+import WelcomePage from './layout/grid/WelcomePage'
 const Grid = asyncLoader(() => import('./layout/grid'))
 const Fox = asyncLoader(() => import('./fox'))
 const settings = useSettingsStore()
@@ -38,6 +39,7 @@ const layout = useLayoutStore()
     </div>
     <DirModal />
     <GlobalMenu />
+    <WelcomePage></WelcomePage>
   </div>
 </template>
 
diff --git a/src/layout/background/BackgroundPage.tsx b/src/layout/background/BackgroundPage.tsx
index 1281147..997a2d8 100644
--- a/src/layout/background/BackgroundPage.tsx
+++ b/src/layout/background/BackgroundPage.tsx
@@ -5,6 +5,7 @@ import { DownloadOutlined, EyeInvisibleOutlined, SwapOutlined } from '@ant-desig
 import SettingItem from '@/settings/SettingItem'
 import useSettingsStore from '@/settings/useSettingsStore'
 import useRouterStore from '@/useRouterStore'
+import clsx from 'clsx'
 
 export default defineComponent(() => {
   const layout = useLayoutStore()
@@ -63,6 +64,7 @@ export default defineComponent(() => {
           </Button>
           <Button
             type="text"
+            class={clsx(useLayoutStore().state.current === 0 && 'text-white')}
             icon={<DownloadOutlined />}
             onClick={() => {
               window.open(layout.background.video || layout.background.image, '_blank')
diff --git a/src/layout/dock/index.tsx b/src/layout/dock/index.tsx
index 04cf90b..e19a04f 100644
--- a/src/layout/dock/index.tsx
+++ b/src/layout/dock/index.tsx
@@ -14,15 +14,12 @@ export default defineComponent(() => {
     ref('dock')
   )
   const current = ref(-1)
-  // window.addEventListener('keydown', (e) => {
-  //   const i = layout.state.dockLabels.indexOf(e.key)
-  //   if (i >= 0) {
-  //     layout.state.dock[i] = null
-  //   }
-  // })
   return () =>
     setting.state.showDock !== '' && (
       <div
+        onDragover={()=> {
+          show.value = true
+        }}
         onMouseenter={() => {
           show.value = true
         }}
@@ -39,7 +36,7 @@ export default defineComponent(() => {
             setting.state.showDock === 'auto'
               ? show.value
                 ? 'bottom-4'
-                : '-bottom-24'
+                : '-bottom-[90px]'
               : 'bottom-4'
           )}
           ref={container}
diff --git a/src/layout/grid/DockSetting.tsx b/src/layout/grid/DockSetting.tsx
index a67bc0f..0a94580 100644
--- a/src/layout/grid/DockSetting.tsx
+++ b/src/layout/grid/DockSetting.tsx
@@ -60,8 +60,8 @@ export default defineComponent({
               else settings.state.showDock = 'show'
             }}
           />
-        </SettingItem>{' '}
-        <div class={'flex flex-col  text-[#333]'}>
+        </SettingItem>
+        <div class={'flex flex-col  '}>
           <span class={'font-bold'}>快捷键设置</span>
           <p class={'text-[12px] text-[#999]'}>选中要更换快捷键的目标，点击键盘即可更换快捷键</p>
           <div class={'w-full h-[1px] bg-[#ddd] mt-2'}></div>
@@ -70,9 +70,10 @@ export default defineComponent({
               <div class="w-full flex gap-x-4">
                 <span class={'w-[20px]'}>{idx + 1}</span>
                 <div
-                  class={
-                    'flex-1 bg-black/[0.05] text-[#333] border-[1px] py-1 rounded-lg relative flex items-center  pl-4 border-transparent hover:border-[#ffa94d]'
-                  }
+                  class={clsx(
+
+                    'flex-1 bg-black/[0.05]  border-[1px] py-1 rounded-lg relative flex items-center  pl-4 border-transparent hover:border-[#ffa94d]'
+                  )}
                 >
                   <Select
                     onChange={(e) => {
diff --git a/src/layout/grid/SiderSetting.tsx b/src/layout/grid/SiderSetting.tsx
index e0106c6..08d708e 100644
--- a/src/layout/grid/SiderSetting.tsx
+++ b/src/layout/grid/SiderSetting.tsx
@@ -3,12 +3,14 @@ import useSettingsStore from '@/settings/useSettingsStore'
 import { Switch } from 'ant-design-vue'
 import clsx from 'clsx'
 import { defineComponent } from 'vue'
+import useLayoutStore from '../useLayoutStore'
 
 export default defineComponent({
   name: 'SiderSetting',
   props: {},
   setup() {
     const settings = useSettingsStore()
+    const layout = useLayoutStore()
     return () => (
       <div class="p-4 flex flex-col gap-y-4 ">
         <div
@@ -20,8 +22,11 @@ export default defineComponent({
                 settings.state.siderDirection = 'left'
               }}
               class={clsx(
-                'bg-white flex flex-col h-[92px] w-full p-3 justify-between rounded-lg cursor-pointer border-[1px]  ',
-                settings.state.siderDirection === 'left' ? 'border-[#ffa94d]' : 'border-transparent'
+                ' flex flex-col h-[92px] w-full p-3 justify-between rounded-lg cursor-pointer border-[1px]  ',
+                settings.state.siderDirection === 'left'
+                  ? 'border-[#ffa94d]'
+                  : 'border-transparent',
+                layout.state.current === 0 ? 'bg-[#7B7C85]' : 'bg-white'
               )}
             >
               <div class={'bg-[#E5E5E5] w-[25px] h-[18px] rounded'}></div>
@@ -48,10 +53,11 @@ export default defineComponent({
                 settings.state.siderDirection = 'right'
               }}
               class={clsx(
-                'bg-white flex items-end w-full flex-col h-[92px] p-3 justify-between rounded-lg cursor-pointer border-[1px]  ',
+                ' flex items-end w-full flex-col h-[92px] p-3 justify-between rounded-lg cursor-pointer border-[1px]  ',
                 settings.state.siderDirection === 'right'
                   ? 'border-[#ffa94d]'
-                  : 'border-transparent'
+                  : 'border-transparent',
+                layout.state.current === 0 ? 'bg-[#7B7C85]' : 'bg-white'
               )}
             >
               <div class={'bg-[#E5E5E5] w-[25px] h-[18px] rounded'}></div>
diff --git a/src/layout/grid/WelcomePage.tsx b/src/layout/grid/WelcomePage.tsx
new file mode 100644
index 0000000..cb120fa
--- /dev/null
+++ b/src/layout/grid/WelcomePage.tsx
@@ -0,0 +1,141 @@
+import { computed, defineComponent, onMounted, ref, Transition } from 'vue'
+import WelcomeImg from '~/public/icons/welcome/welcomeTitle.png'
+import DivBgImg from '~/public/icons/welcome/back.png'
+import startUseImg from '~/public/icons/welcome/startUse.png'
+import useBackgroundStore from '../background/useBackgroundStore'
+import useLayoutStore from '../useLayoutStore'
+export const DefaultPageSetting = [
+  {
+    name: '游戏',
+    backgroundUrl:
+      'https://newfatfox.oss-cn-beijing.aliyuncs.com/000/user_upload/1/resource/831a4d4c-61ff-4bae-ad31-9c0f4fa2db1c.webp',
+    contentUrl:
+      'https://newfatfox.oss-cn-beijing.aliyuncs.com/000/user_upload/1/resource/b2f3ed2f-f550-499b-8ea1-dfd192cfd388.webp',
+    desct: '聚合多类游戏工具，以及 资讯、排行榜'
+  },
+  {
+    name: '工作台',
+    backgroundUrl:
+      'https://newfatfox.oss-cn-beijing.aliyuncs.com/000/user_upload/1/resource/b82fd47c-24c1-4f58-b0db-51414b3bdda4.webp',
+    contentUrl:
+      'https://newfatfox.oss-cn-beijing.aliyuncs.com/000/user_upload/1/resource/7e4cf74a-85cb-4e39-9e61-385b222ac8c4.webp',
+    desct: '结合番茄计时法等效率工具，让您可以高效学'
+  },
+  {
+    name: '轻娱',
+    backgroundUrl:
+      'https://newfatfox.oss-cn-beijing.aliyuncs.com/000/user_upload/1/resource/73164094-cb0d-4366-8d1a-afc84ac119cc.webp',
+    contentUrl:
+      'https://newfatfox.oss-cn-beijing.aliyuncs.com/000/user_upload/1/resource/bcbbffc6-c8a4-4c8e-8ba5-36fa1fbad4f9.webp',
+    desct: '综合办公、学习、游戏等 属性，功能较为均'
+  }
+]
+export default defineComponent(() => {
+  const show = computed(() => true)
+  const selectMode = ref(0)
+  const layout = useLayoutStore()
+
+  const isFirst = ref(false)
+  onMounted(() => {
+    // 检查 localStorage 是否已经有访问记录
+    const visited = localStorage.getItem('hasVisited')
+
+    if (!visited) {
+      // 如果没有记录，说明是第一次访问
+      isFirst.value = true
+      // 设置标记，后续访问不会再次显示
+    }
+  })
+  return () =>
+    isFirst.value && (
+      <div class="fixed left-0 top-0 z-50 w-full ">
+        <Transition>
+          {show.value && (
+            <div
+              class="w-full h-screen bg-black/60 "
+              onClick={() => {}}
+              style={{
+                backgroundImage: `url('${DefaultPageSetting[selectMode.value].backgroundUrl}')`,
+                backgroundSize: '100% 100%',
+                backgroundPosition: 'center center',
+                backgroundRepeat: 'no-repeat'
+              }}
+            >
+              <div class="w-full h-screen bg-black/60 " onClick={() => {}}></div>
+            </div>
+          )}
+        </Transition>
+        <Transition name="modal">
+          <div class="w-[1000px] items-center justify-center gap-y-2 flex flex-col z-30 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 ">
+            <div
+              class={'w-[812px] h-[46px] flex justify-center mb-[10px] '}
+              style={{
+                backgroundImage: `url('${WelcomeImg}')`,
+                backgroundSize: '100% 100%',
+                backgroundPosition: 'center center',
+                backgroundRepeat: 'no-repeat'
+              }}
+            >
+              <span class={'leading-[20px] -mt-2 text-[20px] text-white '}>请选择您的初始模式</span>
+            </div>
+            <div class={'w-full h-[370px] flex justify-center'}>
+              <div class={'w-[868px] h-[370px] '}>
+                <div class={'relative w-full h-full flex justify-center'}>
+                  {DefaultPageSetting.map((item, idx) => (
+                    <div
+                      class={
+                        ' w-[709px] h-[370px] cursor-pointer duration-150 absolute top-0 left-0 bg-[#2c2e3e] p-3 overflow-hidden rounded-2xl'
+                      }
+                      onClick={() => {
+                        selectMode.value = idx
+                      }}
+                      style={{
+                        transform: `translate(${idx === selectMode.value ? 80 : idx === (selectMode.value + 1) % 2 ? 219 : -52}px) scale(${
+                          idx === selectMode.value ? 1 : 0.85
+                        })`,
+                        backgroundImage: `url('${DivBgImg}')`,
+                        backgroundSize: '100% 100%',
+                        zIndex: selectMode.value === idx ? 10 : 0
+                      }}
+                    >
+                      <div
+                        class={'w-full h-full rounded-2xl'}
+                        style={{
+                          backgroundImage: `url('${item.contentUrl}')`,
+                          backgroundSize: '100% 100%',
+                          backgroundPosition: 'center center',
+                          backgroundRepeat: 'no-repeat'
+                        }}
+                      ></div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+            <div class={'flex flex-col items-center gap-y-1 text-white'}>
+              <span>{DefaultPageSetting[selectMode.value].name}模式</span>
+              <span class={'w-[180px]'}>{DefaultPageSetting[selectMode.value].desct}</span>
+            </div>
+            <div
+              class={
+                'w-[175px] h-[41px] mt-4 flex items-center justify-center text-[#333] cursor-pointer'
+              }
+              onClick={() => {
+                localStorage.setItem('hasVisited', 'true')
+                isFirst.value = false
+                layout.changeBackground(DefaultPageSetting[selectMode.value].backgroundUrl)
+              }}
+              style={{
+                backgroundImage: `url('${startUseImg}')`,
+                backgroundSize: '100% 100%',
+                backgroundPosition: 'center center',
+                backgroundRepeat: 'no-repeat'
+              }}
+            >
+              开始使用
+            </div>
+          </div>
+        </Transition>
+      </div>
+    )
+})
diff --git a/src/layout/sider/index.tsx b/src/layout/sider/index.tsx
index e517b56..4f5a9b1 100644
--- a/src/layout/sider/index.tsx
+++ b/src/layout/sider/index.tsx
@@ -80,6 +80,9 @@ export default defineComponent(() => {
             'w-[130px]   min-h-[620px] hover:bg-red-10 z-20 fixed top-1/2 -translate-y-1/2 bottom-0 ',
             settings.state.siderDirection === 'left' ? 'left-0' : 'right-0'
           )}
+          onDragover={() => {
+            show.value = true
+          }}
           onMouseleave={() => {
             show.value = false
           }}
diff --git a/src/settings/SettingItem.tsx b/src/settings/SettingItem.tsx
index c1a4026..f0664b1 100644
--- a/src/settings/SettingItem.tsx
+++ b/src/settings/SettingItem.tsx
@@ -1,5 +1,6 @@
+import useLayoutStore from '@/layout/useLayoutStore'
 import clsx from 'clsx'
-import { defineComponent, type SlotsType, type VNode } from 'vue'
+import { computed, defineComponent, type SlotsType, type VNode } from 'vue'
 
 export default defineComponent({
   props: {
@@ -22,18 +23,25 @@ export default defineComponent({
     end?: () => VNode[]
   }>,
   setup(props, ctx) {
+    const layout = useLayoutStore()
+    const isGame = computed(() => {
+      return layout.state.current === 0
+    })
     return () => (
       <div
         class={clsx('flex items-center w-full py-2 px-3 rounded-lg justify-between', {
           'rounded-b-none': props.noRoundedB,
           'rounded-t-none': props.noRoundedT,
-          'bg-black/5': !props.noBg
+          'bg-black/5': !props.noBg && !isGame.value,
+          'bg-white/10': !props.noBg && isGame.value
         })}
         style={{
           marginBottom: props.noRoundedB ? 0 : '12px'
         }}
       >
-        <div class="text-sm text-black/60 mr-4">{ctx.slots.label?.()}</div>
+        <div class={clsx('text-sm  mr-4', isGame.value ? 'text-white' : 'text-black/60')}>
+          {ctx.slots.label?.()}
+        </div>
         <div class="">{ctx.slots.default?.()}</div>
         {/* {ctx.slots.end?.()} */}
       </div>
diff --git a/src/settings/SettingsOverlay.tsx b/src/settings/SettingsOverlay.tsx
index 05a7446..4c890f9 100644
--- a/src/settings/SettingsOverlay.tsx
+++ b/src/settings/SettingsOverlay.tsx
@@ -1,7 +1,12 @@
+import useLayoutStore from '@/layout/useLayoutStore'
 import AvatarCircle from '@/user/AvatarCircle'
+import useUserStore from '@/user/useUserStore'
 import useRouterStore from '@/useRouterStore'
 import asyncLoader from '@/utils/asyncLoader'
+import clsx from 'clsx'
+import { OhVueIcon } from 'oh-vue-icons'
 import { computed, defineComponent, Transition } from 'vue'
+import SettingLineImg from '~/public/icons/settingLine.png'
 const Content = asyncLoader(() => import('./SettingsOverlayContent'))
 
 const SettingsTab = defineComponent({
@@ -17,12 +22,23 @@ const SettingsTab = defineComponent({
   },
   setup(props) {
     const router = useRouterStore()
+    const layout = useLayoutStore()
+    const isGame = computed(() => {
+      return layout.state.current === 0
+    })
     return () => (
       <div
-        class={
-          'w-full h-[30px] leading-[30px] text-sm text-center rounded-lg text-slate-600 my-1 transition-all cursor-pointer hover:bg-white/70 ' +
-          (router.path === props.path ? 'bg-white/70 font-bold shadow-lg' : '')
-        }
+        class={clsx(
+          'w-full h-[30px] leading-[30px] text-sm text-center rounded-lg  my-1 transition-all cursor-pointer ',
+          {
+            'bg-white/30 text-[#fff] hover:bg-white/30  ':
+              isGame.value && props.path === router.path,
+            'bg-white/70 hover:bg-white/70  text-[#333] ':
+              !isGame.value && props.path === router.path,
+            'text-[#fff]  hover:bg-white/30': isGame.value && props.path !== router.path,
+            'text-[#999]  hover:bg-white/70': !isGame.value && props.path !== router.path
+          }
+        )}
         onClick={() => {
           router.go(props.path as any)
         }}
@@ -35,7 +51,12 @@ const SettingsTab = defineComponent({
 
 export default defineComponent(() => {
   const router = useRouterStore()
+  const { profile } = useUserStore()
   const show = computed(() => router.path.startsWith('settings-'))
+  const layout = useLayoutStore()
+  const isGame = computed(() => {
+    return layout.state.current === 0
+  })
   return () => (
     <div class="fixed left-0 bottom-0 z-40 w-full">
       {/* 背景遮罩 */}
@@ -50,31 +71,64 @@ export default defineComponent(() => {
       {/* 弹框主体 */}
       <Transition name="settings">
         {show.value && (
-          <div class="absolute left-6 bottom-20 bg-white w-[600px] h-[480px] rounded-lg overflow-hidden shadow-2xl flex">
-            <div class="w-[200px] p-4 h-full bg-[#ebebeb] backdrop-blur flex flex-col">
+          <div
+            class={clsx(
+              'absolute left-6 bottom-10   w-[660px] h-[580px] rounded-lg overflow-hidden shadow-2xl flex',
+              isGame.value ? 'bg-[#2c2e3e] text-white' : 'text-[#000] bg-white'
+            )}
+          >
+            <div
+              class={clsx(
+                'w-[200px] p-4 h-full  backdrop-blur flex flex-col',
+                isGame.value ? 'bg-[#fff]/10 text-white ' : 'bg-[#ebebeb]'
+              )}
+            >
               <div
                 class={
-                  'w-full h-0 flex-grow mb-4 rounded-lg hover:bg-white/70 transition-all cursor-pointer flex justify-center items-center ' +
-                  (router.path === 'settings-user' ? 'bg-white/70 shadow-lg' : '')
+                  'w-full h-0 flex-grow mb-4 rounded-lg  transition-all flex justify-center items-center '
                 }
-                onClick={() => {
-                  router.go('settings-user')
-                }}
               >
-                <div class="w-12 h-12 relative">
-                  <AvatarCircle />
+                <div class=" relative">
+                  {profile.id ? (
+                    <div
+                      class="w-16 h-16 rounded-full overflow-hidden cursor-pointer"
+                      onClick={() => {
+                        router.go('settings-user')
+                      }}
+                    >
+                      <AvatarCircle />
+                    </div>
+                  ) : (
+                    <div
+                      class={'px-7 py-2  rounded-md cursor-pointer'}
+                      style={{
+                        background: 'linear-gradient(180deg,#ffaa4e 0%,#ff6227 100%)'
+                      }}
+                      onClick={() => {
+                        router.go('settings-user')
+                      }}
+                    >
+                      登录注册
+                    </div>
+                  )}
                 </div>
               </div>
-              <div class={'w-full mb-5 h-[1px] bg-[#000000] opacity-10'}></div>
-              <SettingsTab label="壁纸" path="settings-background" />
-              <SettingsTab label="图标" path="settings-block" />
-              <SettingsTab label="搜索" path="settings-search" />
-              <SettingsTab label="时间" path="settings-time" />
-              <SettingsTab label="侧边栏" path="settings-sider" />
-              <SettingsTab label="AI助手" path="settings-ai" />
-              <SettingsTab label="快捷栏" path="settings-dock" />
-              <SettingsTab label="重置" path="settings-reset" />
-              <SettingsTab label="问题反馈" path="settings-fallback" />
+              {isGame.value ? (
+                <img class={'mb-5 '} src={SettingLineImg}></img>
+              ) : (
+                <div class={'w-full mb-5 h-[1px] bg-[#000000] opacity-10'}></div>
+              )}
+              <div class={'flex flex-col overflow-y-auto h-[370px] scrollbar-hide'}>
+                <SettingsTab label="壁纸" path="settings-background" />
+                <SettingsTab label="图标" path="settings-block" />
+                <SettingsTab label="搜索" path="settings-search" />
+                <SettingsTab label="时间" path="settings-time" />
+                <SettingsTab label="侧边栏" path="settings-sider" />
+                <SettingsTab label="AI助手" path="settings-ai" />
+                <SettingsTab label="快捷栏" path="settings-dock" />
+                <SettingsTab label="重置" path="settings-reset" />
+                <SettingsTab label="问题反馈" path="settings-fallback" />
+              </div>
             </div>
             <Content />
           </div>
diff --git a/src/user/UserPage.tsx b/src/user/UserPage.tsx
index 6766d4a..f8afa8a 100644
--- a/src/user/UserPage.tsx
+++ b/src/user/UserPage.tsx
@@ -5,11 +5,14 @@ import AvatarCircle from './AvatarCircle'
 import useUserStore from './useUserStore'
 import { EditOutlined, LoginOutlined, LogoutOutlined } from '@ant-design/icons-vue'
 import { globalToast } from '@/main'
+import clsx from 'clsx'
+import useLayoutStore from '@/layout/useLayoutStore'
 
-const labelStyle = 'w-16 text-black/60'
+const labelStyle = 'w-16'
 
 export default defineComponent(() => {
   const router = useRouterStore()
+  const layout = useLayoutStore()
   const user = useUserStore()
   return () => (
     <div class="absolute left-0 top-0 w-full h-full p-4 flex flex-col">
@@ -19,7 +22,12 @@ export default defineComponent(() => {
         </div>
       </div>
       {user.isLogin && (
-        <div class="h-0 flex-grow py-4 px-12">
+        <div
+          class={clsx(
+            'h-0 flex-grow py-4 px-12 ',
+            layout.state.current === 0 ? 'text-white' : 'text-[#333]'
+          )}
+        >
           <div class="flex py-2">
             <div class={labelStyle}>用户名:</div>
             <div class="w-0 flex-grow overflow-hidden text-ellipsis whitespace-nowrap break-all">
@@ -52,6 +60,7 @@ export default defineComponent(() => {
             </Button>
             <Button
               type="text"
+              class={'text-[#999] hover:text-[#999]'}
               icon={<LogoutOutlined />}
               onClick={() => {
                 Modal.confirm({
diff --git a/vite.config.ts b/vite.config.ts
index fd1ddb0..45b5c4d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -30,7 +30,8 @@ export default defineConfig({
   base: '/tab',
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '~': fileURLToPath(new URL('./', import.meta.url))
     }
   },
   build: {