From c8321948012803a46d501cee93cc2f486ecddb54 Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Fri, 12 Aug 2022 09:35:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(components):=20=E5=A2=9E=E5=8A=A0=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=E3=80=81=E6=90=9C=E7=B4=A2=E7=9A=84=E5=A4=B4=E9=83=A8?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout/index.vue         |  4 ++++
 src/layouts/components/header/Refresh.vue | 17 +++++++++++++++++
 src/layouts/components/header/Search.vue  | 17 +++++++++++++++++
 src/layouts/components/index.ts           | 17 ++++++++++++++++-
 4 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 src/layouts/components/header/Refresh.vue
 create mode 100644 src/layouts/components/header/Search.vue

diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 0b07a96..defe3e0 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -11,6 +11,8 @@
           <Breadcrumb />
         </div>
         <div class="flex-y-center h-full">
+          <Refresh />
+          <Search />
           <Notices />
           <Github />
           <FullScreen />
@@ -44,6 +46,8 @@ import {
   Github,
   Notices,
   UserCenter,
+  Search,
+  Refresh,
 } from '../components';
 
 const appStore = useAppStore();
diff --git a/src/layouts/components/header/Refresh.vue b/src/layouts/components/header/Refresh.vue
new file mode 100644
index 0000000..628036d
--- /dev/null
+++ b/src/layouts/components/header/Refresh.vue
@@ -0,0 +1,17 @@
+<template>
+  <n-tooltip placement="bottom" trigger="hover">
+    <template #trigger>
+      <HeaderButton @click="handleRefresh"><e-icon icon="icon-park-outline:refresh" /></HeaderButton>
+    </template>
+    <span>刷新页面</span>
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+import HeaderButton from '../common/HeaderButton.vue';
+const handleRefresh = () => {
+  window.open('https://github.com/chen-see');
+};
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/components/header/Search.vue b/src/layouts/components/header/Search.vue
new file mode 100644
index 0000000..1c19d07
--- /dev/null
+++ b/src/layouts/components/header/Search.vue
@@ -0,0 +1,17 @@
+<template>
+  <n-tooltip placement="bottom" trigger="hover">
+    <template #trigger>
+      <HeaderButton @click="handleSearch"><e-icon icon="icon-park-outline:search" /></HeaderButton>
+    </template>
+    <span>搜索</span>
+  </n-tooltip>
+</template>
+
+<script setup lang="ts">
+import HeaderButton from '../common/HeaderButton.vue';
+const handleSearch = () => {
+  window.open('https://github.com/chen-see');
+};
+</script>
+
+<style scoped></style>
diff --git a/src/layouts/components/index.ts b/src/layouts/components/index.ts
index 48624a7..8474ad0 100644
--- a/src/layouts/components/index.ts
+++ b/src/layouts/components/index.ts
@@ -11,5 +11,20 @@ import Setting from './header/Setting.vue';
 import Github from './header/Github.vue';
 import Notices from './header/Notices.vue';
 import UserCenter from './header/UserCenter.vue';
+import Search from './header/Search.vue';
+import Refresh from './header/Refresh.vue';
 
-export { Breadcrumb, CollapaseButton, Menu, Logo, FullScreen, DarkMode, Setting, Github, Notices, UserCenter };
+export {
+  Breadcrumb,
+  CollapaseButton,
+  Menu,
+  Logo,
+  FullScreen,
+  DarkMode,
+  Setting,
+  Github,
+  Notices,
+  UserCenter,
+  Search,
+  Refresh,
+};