From 9fe321a127ec8cb3e2ee72b8f25f14baace8e7ed Mon Sep 17 00:00:00 2001
From: wanglin2 <1013335014@qq.com>
Date: Sat, 23 Sep 2023 16:28:17 +0800
Subject: [PATCH] Doc update

---
 web/src/pages/Doc/components/Header.vue   | 41 +++++++++++++++++++++--
 web/src/pages/Doc/i18n.js                 | 14 +++++++-
 web/src/pages/Index/components/Block2.vue |  6 ++--
 3 files changed, 55 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Doc/components/Header.vue b/web/src/pages/Doc/components/Header.vue
index 59bb265d..251e4bbf 100644
--- a/web/src/pages/Doc/components/Header.vue
+++ b/web/src/pages/Doc/components/Header.vue
@@ -2,16 +2,24 @@
   <div class="headerContainer">
     <div class="left">
       <div class="title" @click="toIndex">
-        <img src="../../../assets/img/logo2.png" alt="">
+        <img src="../../../assets/img/logo2.png" alt="" />
         SimpleMindMap
       </div>
     </div>
     <div class="center">
+      <div class="btn" @click="toIndex">{{ index }}</div>
       <div class="btn" @click="toDemo">{{ demoName }}</div>
+      <div class="btn" @click="toHelp" :class="{ active: docType === 'help' }">
+        {{ helpDoc }}
+      </div>
+      <div class="btn" @click="toDev" :class="{ active: docType === 'doc' }">
+        {{ devDoc }}
+      </div>
       <el-dropdown
         trigger="click"
         placement="bottom-start"
         @command="handleCommand"
+        v-if="docType === 'doc'"
       >
         <span class="translateBtn">
           {{ currentLangName }}<i class="el-icon-arrow-down el-icon--right"></i>
@@ -41,6 +49,7 @@ import t from '../i18n'
 export default {
   data() {
     return {
+      docType: '',
       lang: '',
       currentLangName: '',
       otherLangList: []
@@ -49,7 +58,16 @@ export default {
   computed: {
     demoName() {
       return t('demo', this.lang)
-    }
+    },
+    helpDoc() {
+      return t('help', this.lang)
+    },
+    devDoc() {
+      return t('dev', this.lang)
+    },
+    index() {
+      return t('index', this.lang)
+    },
   },
   watch: {
     $route() {
@@ -61,6 +79,12 @@ export default {
   },
   methods: {
     init() {
+      // 当前文档类型
+      let docType = /^\/([^\/]+)\//.exec(this.$route.path)
+      if (docType && docType[1]) {
+        this.docType = docType[1]
+      }
+      // 当前文档语言
       let lang = /^\/doc\/([^\/]+)\//.exec(this.$route.path)
       if (lang && lang[1]) {
         this.lang = lang[1]
@@ -87,6 +111,15 @@ export default {
         return `/doc/${path}/`
       })
       this.$router.push(url)
+    },
+
+    toHelp() {
+      this.lang = 'zh'
+      this.$router.replace('/help/zh/')
+    },
+
+    toDev() {
+      this.$router.replace('/doc/zh/')
     }
   }
 }
@@ -137,6 +170,10 @@ export default {
       &:hover {
         color: #1ea59a;
       }
+
+      &.active {
+        color: #1ea59a;
+      }
     }
 
     .translateBtn {
diff --git a/web/src/pages/Doc/i18n.js b/web/src/pages/Doc/i18n.js
index b1dfd20f..f302f368 100644
--- a/web/src/pages/Doc/i18n.js
+++ b/web/src/pages/Doc/i18n.js
@@ -6,7 +6,19 @@ const data = {
   demo: {
     zh: '在线示例',
     en: 'Online Demo'
-  }
+  },
+  help: {
+    zh: '帮助文档',
+    en: 'Help doc'
+  },
+  dev: {
+    zh: '开发文档',
+    en: 'Dev doc'
+  },
+  index: {
+    zh: '首页',
+    en: 'Home'
+  },
 }
 
 const t = (str, lang) => {
diff --git a/web/src/pages/Index/components/Block2.vue b/web/src/pages/Index/components/Block2.vue
index 9f78fddd..f56f89af 100644
--- a/web/src/pages/Index/components/Block2.vue
+++ b/web/src/pages/Index/components/Block2.vue
@@ -42,7 +42,7 @@ export default {
       dataList: [
         {
           icon: 'iconstar',
-          value: 'Github star数量700+'
+          value: 'Github star数量800+'
         },
         {
           icon: 'iconfork',
@@ -50,11 +50,11 @@ export default {
         },
         {
           icon: 'iconxiazai',
-          value: 'npm总下载次数10000+'
+          value: 'npm总下载次数15000+'
         },
         {
           icon: 'iconteamwork',
-          value: '代码贡献者10+'
+          value: '代码贡献者12+'
         }
       ],
       functionList: [