From c6b3c729eec087856cef5ec6372690e9b047cd39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98chen=2Ehome=E2=80=99?= <1147347984@qq.com>
Date: Fri, 12 Aug 2022 00:49:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(components):=20=E5=A2=9E=E5=8A=A0=E5=A4=B4?=
 =?UTF-8?q?=E9=83=A8=E9=80=9A=E7=9F=A5=E7=82=B9=E5=87=BB=E5=BC=B9=E5=87=BA?=
 =?UTF-8?q?=E5=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                               |  1 -
 src/layouts/BasicLayout/index.vue         |  6 +++---
 src/layouts/components/header/Notices.vue | 23 +++++++++++++++++++----
 src/store/modules/app.ts                  |  1 +
 4 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a36964d..447090b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,6 @@
 // import { darkTheme } from 'naive-ui';
 import { zhCN, dateZhCN, GlobalThemeOverrides } from 'naive-ui';
 import json from './theme.json';
-// import NativeProvider from '@/components/NativeProvider.vue';
 
 const locale = zhCN;
 const dateLocale = dateZhCN;
diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 0aa1a00..0b07a96 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -11,10 +11,10 @@
           <Breadcrumb />
         </div>
         <div class="flex-y-center h-full">
+          <Notices />
           <Github />
           <FullScreen />
           <DarkMode />
-          <Notices />
           <Setting />
           <UserCenter />
         </div>
@@ -24,8 +24,8 @@
           <router-view></router-view>
         </n-layout-content>
       </div>
-      <n-layout-footer position="absolute" class="text-center op-80 bg-transparent">
-        {{ appStore.title }}
+      <n-layout-footer position="absolute" bordered class="flex-center bg-white h-40px">
+        {{ appStore.footerText }}
       </n-layout-footer>
     </n-layout>
   </n-layout>
diff --git a/src/layouts/components/header/Notices.vue b/src/layouts/components/header/Notices.vue
index 617b76b..47ec6f0 100644
--- a/src/layouts/components/header/Notices.vue
+++ b/src/layouts/components/header/Notices.vue
@@ -1,10 +1,25 @@
 <template>
-  <n-tooltip placement="bottom" trigger="hover">
+  <n-popover placement="bottom" trigger="click" arrow-point-to-center style="width: 400px">
     <template #trigger>
-      <HeaderButton @click="openNotice"><e-icon icon="icon-park-outline:remind" /></HeaderButton>
+      <n-tooltip placement="bottom" trigger="hover">
+        <template #trigger>
+          <HeaderButton @click="openNotice"><e-icon icon="icon-park-outline:remind" /></HeaderButton>
+        </template>
+        <span>消息通知</span>
+      </n-tooltip>
     </template>
-    <span>消息通知</span>
-  </n-tooltip>
+    <n-tabs type="line" animated justify-content="space-evenly">
+      <n-tab-pane name="chap1" tab="通知">
+        我这辈子最疯狂的事，发生在我在 Amazon 当软件工程师的时候，故事是这样的：
+      </n-tab-pane>
+      <n-tab-pane name="chap2" tab="消息">
+        “威尔！着火了！快来帮忙！”我听到女朋友大喊。现在一个难题在我面前——是恢复一个重要的 Amazon 服务，还是救公寓的火。
+      </n-tab-pane>
+      <n-tab-pane name="chap3" tab="待办">
+        但是忽然，公寓的烟味消失，火警也停了。我的女朋友走进了房间，让我震惊的是，她摘下了自己的假发，她是 Jeff
+      </n-tab-pane>
+    </n-tabs>
+  </n-popover>
 </template>
 
 <script setup lang="ts">
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index fbf187d..e7660a1 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -7,6 +7,7 @@ export const useAppStore = defineStore('app-store', {
       fullScreen: false,
       darkMode: false,
       title: import.meta.env.VITE_APP_TITLE,
+      footerText: '哲学的基本问题是思维和存在的关系问题',
     };
   },
   actions: {