修复

common/common.js

@@ -222,6 +222,104 @@ $(function () {
       },
     });
   };
+  // 根据插件配置重绘顶部导航（header_nav）
+  const renderHeaderNav = (commentObj) => {
+    var navData = commentObj && commentObj.header_nav;
+    if (!Array.isArray(navData) || navData.length === 0) {
+      return;
+    }
+
+    // 更新 Logo 点击链接
+    var home = navData[0] || {};
+    if (home.file_address) {
+      $(".nav-icon a").attr("href", home.file_address);
+    }
+
+    var $menu = $(".nav-menu");
+    var $navContSection = $(".nav-cont .section-content");
+    if (!$menu.length || !$navContSection.length) {
+      return;
+    }
+
+    // 顶部一级导航
+    $menu.empty();
+    for (var i = 1; i < navData.length; i++) {
+      var item = navData[i] || {};
+      var name = item.name || "";
+      var file = item.file_address || "";
+      var blank = Number(item.blank) === 1;
+
+      if (!name) {
+        continue;
+      }
+
+      if (file) {
+        var $a = $("<a></a>")
+          .attr("href", file)
+          .attr("target", blank ? "_blank" : "_self");
+        $a.append($("<div></div>").addClass("nav-item").text(name));
+        $menu.append($a);
+      } else {
+        $menu.append($("<div></div>").addClass("nav-item").text(name));
+      }
+    }
+
+    // 下拉菜单
+    $navContSection.empty();
+    for (var j = 1; j < navData.length; j++) {
+      var parent = navData[j] || {};
+      var children = Array.isArray(parent.children) ? parent.children : [];
+      if (!children.length) {
+        $navContSection.append(
+          $("<div></div>").addClass("nav-cont-menu nav-cont-empty")
+        );
+        continue;
+      }
+
+      var $menuWrap = $("<div></div>").addClass(
+        "nav-cont-menu animated slideInDown"
+      );
+      var $content = $("<div></div>").addClass("nav-content");
+      children.forEach(function (child) {
+        if (!child) return;
+        var cname = child.name || "";
+        var curl = child.file_address || "";
+        var cblank = Number(child.blank) === 1;
+        var cicon = child.icon || "";
+        var cdesc = child.description || "";
+
+        if (!cname && !curl) return;
+
+        var $link = $("<a></a>");
+        if (curl) {
+          $link.attr("href", curl).attr("target", cblank ? "_blank" : "_self");
+        } else {
+          $link.attr("href", "javascript:;");
+        }
+
+        var $box = $("<div></div>").addClass("nav-item-box");
+        if (cicon) {
+          $box.append($("<img>").attr("src", cicon).attr("alt", ""));
+        }
+        var $titleWrap = $("<div></div>").addClass("item-box-title");
+        $titleWrap.append($("<div></div>").addClass("title").text(cname));
+        $titleWrap.append($("<div></div>").addClass("desc").text(cdesc));
+        $box.append($titleWrap);
+
+        $link.append($box);
+        $content.append($link);
+      });
+
+      $menuWrap.append($content);
+      $navContSection.append($menuWrap);
+    }
+
+    // 重绑 hover 事件，避免新节点没有事件
+    $(".nav-menu .nav-item").off("mouseenter mouseleave");
+    $(".nav-cont").off("mouseenter mouseleave");
+    initHeader();
+  };
+
   // 设置通用信息函数
   const setCommData = () => {
     const commentObj = JSON.parse(sessionStorage.commentData);
@@ -269,6 +367,9 @@ $(function () {
     $(".buy-dcim-btn").click(function () {
       location.href = commentObj.dcim_product_link;
     });
+
+    // 顶部导航改用插件 header_nav
+    renderHeaderNav(commentObj);
   };
   $(".line-server-btn").click(function () {
     const commentObj = sessionStorage.commentData

index.html

@@ -14,42 +14,7 @@
   <!-- banner -->
   <section class="section banner">
     <div class="swiper banner-cont">
-      <div class="swiper-wrapper" id="bannerWrapper">
+      <div class="swiper-wrapper" id="bannerWrapper"></div>
-        {if ( isset($data.banner) ) }
-        {foreach $data.banner as $key=>$value}
-        <div class="swiper-slide">
-          <a href="{$value.url}">
-            <img class="img-responsive img center-block" src="{$value.img}" alt="">
-          </a>
-        </div>
-        {/foreach}
-        {else /}
-        <div class="swiper-slide">
-          <img class="img-responsive img center-block" src="/web/BlackFruit-web/assets/img/index/1@2x.png" alt="">
-          <div class="section-content">
-            <h1>中小企业的云计算底座</h1>
-            <p class="banner-desc">主题云聚焦中小企业的数智化转型进程，以技术和数据为驱动，以产品和场景为载体，专注于打磨云上业务服务能力，助力中小企业全面业务上云演化。</p>
-            <div class="btn btn2 btn-normal">立即查看</div>
-          </div>
-        </div>
-        <div class="swiper-slide">
-          <img class="img-responsive img center-block" src="/web/BlackFruit-web/assets/img/index/1@2x.png" alt="">
-          <div class="section-content">
-            <h1>中小企业的云计算底座</h1>
-            <p class="banner-desc">主题云聚焦中小企业的数智化转型进程，以技术和数据为驱动，以产品和场景为载体，专注于打磨云上业务服务能力，助力中小企业全面业务上云演化。</p>
-            <div class="btn btn2 btn-normal">立即查看</div>
-          </div>
-        </div>
-        <div class="swiper-slide">
-          <img class="img-responsive img center-block" src="/web/BlackFruit-web/assets/img/index/1@2x.png" alt="">
-          <div class="section-content">
-            <h1>中小企业的云计算底座</h1>
-            <p class="banner-desc">主题云聚焦中小企业的数智化转型进程，以技术和数据为驱动，以产品和场景为载体，专注于打磨云上业务服务能力，助力中小企业全面业务上云演化。</p>
-            <div class="btn btn2 btn-normal">立即查看</div>
-          </div>
-        </div>
-        {/if}
-      </div>
       <!-- 如果需要分页器 -->
       <div class="swiper-pagination"></div>
     </div>