This commit is contained in:
yiqiu
115
common/common.js
115
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 setCommData = () => {
|
||||||
const commentObj = JSON.parse(sessionStorage.commentData);
|
const commentObj = JSON.parse(sessionStorage.commentData);
|
||||||
@@ -263,13 +361,16 @@ $(function () {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
$(".buy-cloud").click(function () {
|
$(".buy-cloud").click(function () {
|
||||||
location.href = commentObj.cloud_product_link;
|
location.href = commentObj.cloud_product_link;
|
||||||
});
|
});
|
||||||
$(".buy-dcim-btn").click(function () {
|
$(".buy-dcim-btn").click(function () {
|
||||||
location.href = commentObj.dcim_product_link;
|
location.href = commentObj.dcim_product_link;
|
||||||
});
|
});
|
||||||
};
|
|
||||||
|
// 顶部导航改用插件 header_nav
|
||||||
|
renderHeaderNav(commentObj);
|
||||||
|
};
|
||||||
$(".line-server-btn").click(function () {
|
$(".line-server-btn").click(function () {
|
||||||
const commentObj = sessionStorage.commentData
|
const commentObj = sessionStorage.commentData
|
||||||
? JSON.parse(sessionStorage.commentData)
|
? JSON.parse(sessionStorage.commentData)
|
||||||
|
|||||||
47
index.html
47
index.html
@@ -11,48 +11,13 @@
|
|||||||
<body id="index">
|
<body id="index">
|
||||||
<header>{include file="public/header"}</header>
|
<header>{include file="public/header"}</header>
|
||||||
|
|
||||||
<!-- banner -->
|
<!-- banner -->
|
||||||
<section class="section banner">
|
<section class="section banner">
|
||||||
<div class="swiper banner-cont">
|
<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-pagination"></div>
|
||||||
<div class="swiper-slide">
|
</div>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="banner-s">
|
<div class="banner-s">
|
||||||
<div class="section-content banner-list">
|
<div class="section-content banner-list">
|
||||||
|
|||||||
Reference in New Issue
Block a user