添加导航栏菜单图标自定义配置

hsxyhao · Mar 6, 2020 · 3492b05 · 3492b05
1 parent 7614cb3
commit 3492b05
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 4 deletions.
diff --git a/config.json b/config.json
@@ -168,6 +168,27 @@
       "type": "input",
       "note": "seo优化关键字"
     },
+    {
+      "name": "menuIcon",
+      "label": "导航菜单图标",
+      "group": "特性",
+      "value": "auto",
+      "type": "radio",
+      "options": [
+        {
+          "label": "无",
+          "value": "none"
+        },
+        {
+          "label": "默认",
+          "value": "default"
+        },
+        {
+          "label": "自动",
+          "value": "auto"
+        }],
+        "note": "无：导航菜单不会添加任何图标，默认：使用默认的图标，无法识别则不使用，自动：使用默认的图标，包含无法识别"
+    },
     {
       "name": "sideIsRight",
       "label": "菜单栏是否开启右边显示",

diff --git a/templates/_blocks/header.ejs b/templates/_blocks/header.ejs
@@ -35,12 +35,23 @@
         <ul id="nav_ul">
           <% menus.forEach(function(menu) { %>
             <li class="nav-item <%= active && menu.link === link?'nav-item-active':'' %>">
-              <% if (menu.openType === 'External') { %>
-                <a href="<%= menu.link %>" target="_blank">
-                  <i class="fa fa-<%= map.get(menu.link) || 'globe'%>"></i> <%= menu.name %>
+              <% let target = menu.openType === 'External'?'_blank':'_self' %>
+              <% if (site.customConfig.menuIcon === 'default') { %>
+                <% if (map.get(menu.link)) { %>
+                  <a href="<%= menu.link %>" target="<%= target %>">
+                    <i class="fa fa-<%= map.get(menu.link) %>"></i> <%= menu.name %>
+                  </a>
+                <% } else { %>
+                  <a href="<%= menu.link %>" target="<%= target %>">
+                    <%= menu.name %>
+                  </a>
+                <% } %>
+              <% } else if (site.customConfig.menuIcon === 'none') { %>
+                <a href="<%= menu.link %>" target="<%= target %>">
+                  <%= menu.name %>
                 </a>
               <% } else { %>
-                <a href="<%= menu.link %>">
+                <a href="<%= menu.link %>" target="<%= target %>">
                   <i class="fa fa-<%= map.get(menu.link) || 'globe'%>"></i> <%= menu.name %>
                 </a>
               <% } %>