perf: 导航栏增加用户手册、项目地址、论坛求助入口(#83) (#138)

ui/src/layout/components/top-bar/index.vue

@@ -1,3 +1,4 @@
+·
 <template>
   <div class="top-bar-container border-b flex-between">
     <div class="flex-center h-full">
@@ -9,7 +10,31 @@
       </div>
       <TopMenu></TopMenu>
     </div>
-    <div class="avatar">
+    <div class="flex-center avatar">
+      <el-tooltip effect="dark" content="项目地址" placement="top">
+        <AppIcon
+          iconName="app-github"
+          class="cursor mr-16 ml-8"
+          style="font-size: 24px"
+          @click="toUrl('https://github.com/1Panel-dev/MaxKB')"
+        ></AppIcon>
+      </el-tooltip>
+      <el-tooltip effect="dark" content="用户手册" placement="top">
+        <AppIcon
+          iconName="app-reading"
+          class="cursor mr-16 ml-8"
+          style="font-size: 24px"
+          @click="toUrl('https://github.com/1Panel-dev/MaxKB/wiki')"
+        ></AppIcon>
+      </el-tooltip>
+      <el-tooltip effect="dark" content="论坛求助" placement="top">
+        <AppIcon
+          iconName="app-help"
+          class="cursor mr-16 ml-8"
+          style="font-size: 24px"
+          @click="toUrl('https://bbs.fit2cloud.com/c/mk/11')"
+        ></AppIcon>
+      </el-tooltip>
       <Avatar></Avatar>
     </div>
   </div>
@@ -20,6 +45,10 @@ import Avatar from './avatar/index.vue'
 import { useRouter } from 'vue-router'
 const router = useRouter()
 const defaultTitle = import.meta.env.VITE_APP_TITLE
+
+function toUrl(url: string) {
+  window.open(url, '_blank')
+}
 </script>
 <style lang="scss">
 .top-bar-container {