Merge branch 'help'

src/layout/components/Navbar.vue

@@ -14,21 +14,42 @@
     <div class="right-menu">
       <template v-if="appStore.device !== 'mobile'">
         <!-- 新版本 -->
-        <div class="right-menu-item hover-effect new-version"
-          @click="showVersionFn">
-          <svg-icon icon-class="new-version" />
-        </div>
+        <el-tooltip content="版本说明"
+          effect="dark"
+          placement="bottom">
+          <div class="right-menu-item hover-effect new-version"
+            @click="showVersionFn">
+            <svg-icon icon-class="new-version" />
+          </div>
+        </el-tooltip>
 
         <version-notice v-model="showVersionNoticeVisible"
           :nowVersion="nowVersion"
           :versionList="showVersionList"
           @confirm="saveNowVersion" />
 
-        <header-search id="header-search"
-          class="right-menu-item" />
+        <el-tooltip content="帮助文档"
+          effect="dark"
+          placement="bottom">
+          <div class="right-menu-item hover-effect question"
+            @click="handleHelpClick">
+            <svg-icon icon-class="question" />
+          </div>
+        </el-tooltip>
 
-        <screenfull id="screenfull"
-          class="right-menu-item hover-effect" />
+        <el-tooltip content="搜索菜单"
+          effect="dark"
+          placement="bottom">
+          <header-search id="header-search"
+            class="right-menu-item" />
+        </el-tooltip>
+
+        <el-tooltip content="全屏模式"
+          effect="dark"
+          placement="bottom">
+          <screenfull id="screenfull"
+            class="right-menu-item hover-effect" />
+        </el-tooltip>
 
         <el-tooltip content="主题模式"
           effect="dark"
@@ -131,6 +152,11 @@ const saveNowVersion = () => {
   showVersionNoticeVisible.value = false
 }
 
+// 帮助文档跳转打开
+const handleHelpClick = () => {
+  window.open('https://wangxiaolu.feishu.cn/docx/CHsWdujGroT3U8xwKmycnSWbnxh', '_blank')
+}
+
 function toggleSideBar() {
   appStore.toggleSideBar()
 }
@@ -219,6 +245,14 @@ function toggleTheme() {
         padding-top: 2px !important;
       }
 
+      .question {
+        padding-top: 2px !important;
+
+        svg {
+          font-size: 22px;
+        }
+      }
+
       &:focus {
         outline: none;
       }