596 lines
25 KiB
JavaScript
596 lines
25 KiB
JavaScript
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
|
|
[2711],
|
|
{
|
|
38059: function (e, t, a) {
|
|
"use strict";
|
|
a.d(t, {
|
|
i: function () {
|
|
return m;
|
|
},
|
|
});
|
|
var n = a(4637),
|
|
i = a(16114),
|
|
r = a(32699),
|
|
l = a(59496),
|
|
s = a(84875),
|
|
c = a.n(s),
|
|
o = a(61586),
|
|
d = a.n(o),
|
|
m = function (e) {
|
|
var t,
|
|
a,
|
|
s,
|
|
o,
|
|
m,
|
|
u,
|
|
v,
|
|
h,
|
|
p,
|
|
x,
|
|
k = e.navList,
|
|
f = e.trackCategory,
|
|
g = e.productListMode,
|
|
j = e.className,
|
|
b = (0, l.useRef)(null),
|
|
N = (0, l.useState)(!1),
|
|
y = N[0],
|
|
_ = N[1],
|
|
w = (0, l.useState)(0),
|
|
L = w[0],
|
|
P = w[1],
|
|
S =
|
|
(null === (t = k.type) || void 0 === t ? void 0 : t.type) ===
|
|
"IMAGE"
|
|
? (0, n.jsx)("img", { src: k.type.image, alt: f })
|
|
: null === (a = k.type) || void 0 === a
|
|
? void 0
|
|
: a.text,
|
|
C = function () {
|
|
var e = b.current.querySelectorAll("li");
|
|
return (0, r.reduce)(
|
|
e,
|
|
function (e, t) {
|
|
return e + t.offsetWidth + 14;
|
|
},
|
|
0
|
|
);
|
|
},
|
|
M = function (e) {
|
|
var t = b.current.offsetWidth;
|
|
if ("left" === e && 0 !== L) P(Math.min(0, L + t));
|
|
else if ("right" === e) {
|
|
var a = C();
|
|
a + L > t && P(Math.max(t - a, L - t));
|
|
}
|
|
};
|
|
return (
|
|
(0, i.FI)(function () {
|
|
if (b.current) {
|
|
var e;
|
|
b.current.offsetWidth < C() && _(!0);
|
|
}
|
|
}),
|
|
(0, n.jsx)("div", {
|
|
className: c()(d().nav, j),
|
|
children: (0, n.jsxs)("div", {
|
|
className: c()("width1180-center", d().container),
|
|
children: [
|
|
(0, n.jsx)("h3", {
|
|
children:
|
|
(null === (s = k.type) || void 0 === s
|
|
? void 0
|
|
: s.disabled) ||
|
|
!(null === (o = k.type) || void 0 === o ? void 0 : o.href)
|
|
? S
|
|
: (0, n.jsx)("a", {
|
|
href:
|
|
null === (m = k.type) || void 0 === m
|
|
? void 0
|
|
: m.href,
|
|
"data-track-category": f,
|
|
"data-track-name": "banner导航",
|
|
"data-track-value":
|
|
(null === (u = k.type) || void 0 === u
|
|
? void 0
|
|
: u.type) === "IMAGE"
|
|
? null === (v = k.type) || void 0 === v
|
|
? void 0
|
|
: v.image
|
|
: null === (h = k.type) || void 0 === h
|
|
? void 0
|
|
: h.text,
|
|
children: S,
|
|
}),
|
|
}),
|
|
(0, n.jsx)("span", { className: d().line }),
|
|
(0, n.jsx)("div", {
|
|
className: c()(d()["btn-left"], y && d().show),
|
|
onClick: function () {
|
|
return M("left");
|
|
},
|
|
children: (0, n.jsx)("img", {
|
|
src: "ht:/bce.bdstatic.com/p3m/common-service/uploads/banner-icon-left_41e47b9a.png",
|
|
alt: "left-icon",
|
|
}),
|
|
}),
|
|
(0, n.jsx)("div", {
|
|
className: d().list,
|
|
ref: b,
|
|
children: (0, n.jsxs)("ul", {
|
|
className: c()(d().items, "clearfix"),
|
|
style: { transform: "translateX(".concat(L, "px)") },
|
|
children: [
|
|
k.name &&
|
|
(0, n.jsx)("li", {
|
|
className: c()(
|
|
(k.name.active ||
|
|
(null === (p = k.units) || void 0 === p
|
|
? void 0
|
|
: p.every(function (e) {
|
|
var t;
|
|
return !(null === (t = e.link) ||
|
|
void 0 === t
|
|
? void 0
|
|
: t.active);
|
|
}))) &&
|
|
d().active
|
|
),
|
|
children:
|
|
k.name.disabled || !k.name.href
|
|
? k.name.text
|
|
: (0, n.jsx)("a", {
|
|
href: k.name.href,
|
|
"data-track-category": f,
|
|
"data-track-name": "banner导航",
|
|
"data-track-value": k.name.text,
|
|
children: k.name.text,
|
|
}),
|
|
}),
|
|
"split" === g &&
|
|
(0, n.jsx)("li", { className: d().line }),
|
|
null === (x = k.units) || void 0 === x
|
|
? void 0
|
|
: x.map(function (e) {
|
|
var t;
|
|
return (
|
|
(null == e ? void 0 : e.link) &&
|
|
(0, n.jsx)(
|
|
"li",
|
|
{
|
|
className: c()(
|
|
(null === (t = e.link) || void 0 === t
|
|
? void 0
|
|
: t.active) && d().active
|
|
),
|
|
children:
|
|
e.link.disabled || !e.link.href
|
|
? e.link.text
|
|
: (0, n.jsx)("a", {
|
|
href: e.link.href,
|
|
"data-track-category": f,
|
|
"data-track-name": "banner导航",
|
|
"data-track-value": e.link.text,
|
|
children: e.link.text,
|
|
}),
|
|
},
|
|
e.link.text
|
|
)
|
|
);
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
(0, n.jsx)("div", {
|
|
className: c()(d()["btn-right"], y && d().show),
|
|
onClick: function () {
|
|
return M("right");
|
|
},
|
|
children: (0, n.jsx)("img", {
|
|
src: "ht:/bce.bdstatic.com/p3m/common-service/uploads/banner-icon-left_41e47b9a.png",
|
|
alt: "right-icon",
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
})
|
|
);
|
|
};
|
|
},
|
|
62711: function (e, t, a) {
|
|
"use strict";
|
|
a.r(t),
|
|
a.d(t, {
|
|
V5S001: function () {
|
|
return g;
|
|
},
|
|
});
|
|
var n = a(72006),
|
|
i = a(4637),
|
|
r = a(59496),
|
|
l = a(20723),
|
|
s = a(41934),
|
|
c = a(674),
|
|
o = a(61673),
|
|
d = a(79918),
|
|
m = a(38059),
|
|
u = a(24462),
|
|
v = a(84875),
|
|
h = a.n(v),
|
|
p = a(93876),
|
|
x = a.n(p),
|
|
k = "头图",
|
|
f = function (e) {
|
|
var t,
|
|
a,
|
|
n,
|
|
l = e.data,
|
|
v = e.type,
|
|
p = l.config,
|
|
f = l.render,
|
|
g = f.banner,
|
|
j = (0, r.useMemo)(
|
|
function () {
|
|
return p.isNewBanner && !p.hideProductList && f.productList;
|
|
},
|
|
[p.hideProductList, p.isNewBanner, f.productList]
|
|
),
|
|
b = function (e) {
|
|
(0, s.BW)(c.K).open({
|
|
component: d.N,
|
|
props: { config: { file: e }, initSdk: !0 },
|
|
});
|
|
};
|
|
return (0, i.jsxs)(i.Fragment, {
|
|
children: [
|
|
(0, i.jsxs)("section", {
|
|
"ui-type": v,
|
|
className: h()(
|
|
x()["banner-old"],
|
|
x()[v],
|
|
p.isNewBanner && x()["new-banner"],
|
|
j && x()["has-nav"]
|
|
),
|
|
children: [
|
|
j &&
|
|
(0, i.jsx)(m.i, {
|
|
trackCategory: f.banner.title,
|
|
productListMode: p.productListMode,
|
|
navList: f.productList,
|
|
className: x().nav,
|
|
}),
|
|
(0, i.jsxs)("div", {
|
|
className: h()(x().group, "v5-group-base"),
|
|
children: [
|
|
p.withVideo && g.video
|
|
? (0, i.jsxs)("div", {
|
|
className: x()["banner-title-container"],
|
|
children: [
|
|
(0, i.jsx)("h1", { children: g.title }),
|
|
(0, i.jsx)("span", {
|
|
className: x()["banner-video-icon"],
|
|
"data-track-category": "头图",
|
|
"data-track-name": "视频播放按钮",
|
|
"data-track-value": g.video.title,
|
|
onClick: function () {
|
|
b(g.video.url);
|
|
},
|
|
}),
|
|
],
|
|
})
|
|
: (0, i.jsx)("h1", { children: g.title }),
|
|
(0, i.jsx)("div", {
|
|
className: x().desc,
|
|
dangerouslySetInnerHTML: { __html: g.content },
|
|
}),
|
|
g.similarProduct &&
|
|
(0, i.jsxs)("p", {
|
|
className: x()["similar-product"],
|
|
children: [
|
|
(0, i.jsx)("span", {
|
|
children: g.similarProduct.purchasePercent,
|
|
}),
|
|
"的用户同时购买了",
|
|
(0, i.jsx)("a", {
|
|
href: g.similarProduct.path,
|
|
target: "_blank",
|
|
children: g.similarProduct.serviceName,
|
|
}),
|
|
],
|
|
}),
|
|
g.background.image
|
|
? (0, i.jsx)("div", {
|
|
className: x()["img-box"],
|
|
children: (0, i.jsx)("img", {
|
|
src: g.background.image,
|
|
alt: g.title,
|
|
}),
|
|
})
|
|
: null,
|
|
(0, i.jsx)("div", {
|
|
className: x()["detail-box"],
|
|
children: (0, i.jsxs)("div", {
|
|
className: x()["apply-box"],
|
|
children: [
|
|
(0, i.jsx)(o.l, {
|
|
className: x()["primary-link"],
|
|
data: g.primaryLink,
|
|
dataTrackCategory: k,
|
|
dataTrackName: "主按钮",
|
|
target: "_blank",
|
|
}),
|
|
(0, i.jsx)(o.l, {
|
|
className: x().console,
|
|
data: g.secondaryLink,
|
|
dataTrackCategory: k,
|
|
dataTrackName: "副按钮",
|
|
target: "_blank",
|
|
}),
|
|
p.withCalculatorLink &&
|
|
g.calculatorLink &&
|
|
!g.calculatorLink.disabled &&
|
|
(0, i.jsxs)("a", {
|
|
className: x().calculator,
|
|
href: g.calculatorLink.href,
|
|
target: "_blank",
|
|
"data-track-category": k,
|
|
"data-track-name": "价格计算器",
|
|
"data-track-value": "价格计算器",
|
|
children: [
|
|
(0, i.jsx)("img", {
|
|
src: "ht:/bce.bdstatic.com/p3m/common-service/uploads/da385075910224c0dde95bb59837586d.png",
|
|
alt: "价格计算器",
|
|
}),
|
|
(0, i.jsx)("span", {
|
|
className: x().tips,
|
|
children:
|
|
"V5S001_en" === v
|
|
? (0, i.jsxs)(i.Fragment, {
|
|
children: [
|
|
"价格计算器",
|
|
(0, i.jsx)("i", {
|
|
className: x()["arrow-right"],
|
|
}),
|
|
],
|
|
})
|
|
: "价格计算器",
|
|
}),
|
|
],
|
|
}),
|
|
p.withTertiaryLink &&
|
|
g.tertiaryLink &&
|
|
!g.tertiaryLink.disabled &&
|
|
(0, i.jsx)("a", {
|
|
className: x()["doc-index"],
|
|
href: g.tertiaryLink.href,
|
|
target: "_blank",
|
|
"data-track-category": k,
|
|
"data-track-name": g.tertiaryLink.text,
|
|
"data-track-value": g.tertiaryLink.text,
|
|
children:
|
|
null === (t = g.tertiaryLink.text) ||
|
|
void 0 === t
|
|
? void 0
|
|
: t.trim().replace(/ *>*$/, ""),
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
(0, i.jsx)(u.o, {
|
|
data: f.nav,
|
|
isDefaultHide:
|
|
p.withPromotion && "textLink" !== p.promotionMode,
|
|
}),
|
|
p.withPromotion &&
|
|
(0, i.jsxs)("section", {
|
|
className: h()(
|
|
"V5S001_en" === v && "en",
|
|
x()["v5-promotion"],
|
|
p.isNewBanner && x()["new-banner"]
|
|
),
|
|
children: [
|
|
(0, i.jsx)("div", { className: x().top }),
|
|
(0, i.jsx)("div", { className: x().bottom }),
|
|
(0, i.jsx)("div", {
|
|
className: h()(x().group, "v5-group-base"),
|
|
children:
|
|
(null === (a = f.promotionV2.items) || void 0 === a
|
|
? void 0
|
|
: a.length) > 0
|
|
? (0, i.jsx)("div", {
|
|
className: h()(
|
|
x()["promotion-wrapper"],
|
|
x()[
|
|
"column-length-".concat(p.promotionV2Columns)
|
|
]
|
|
),
|
|
children: f.promotionV2.items
|
|
.slice(0, p.promotionV2Columns)
|
|
.map(function (e, t) {
|
|
var a;
|
|
return (0, i.jsxs)(
|
|
"div",
|
|
{
|
|
className: h()(
|
|
x().promotion,
|
|
x()["promotion-block"]
|
|
),
|
|
children: [
|
|
(0, i.jsxs)("div", {
|
|
className: x()["promotion-head"],
|
|
children: [
|
|
e.icon &&
|
|
(0, i.jsx)("div", {
|
|
className: x().icon,
|
|
children: (0, i.jsx)("img", {
|
|
src: e.icon,
|
|
alt: "icon",
|
|
}),
|
|
}),
|
|
e.title &&
|
|
(0, i.jsx)("div", {
|
|
className: x().title,
|
|
children: e.title,
|
|
}),
|
|
],
|
|
}),
|
|
null === (a = e.units) || void 0 === a
|
|
? void 0
|
|
: a.map(function (e) {
|
|
if (!e.link) return null;
|
|
var t,
|
|
a = e.link.disabled
|
|
? (0, i.jsx)(
|
|
"span",
|
|
{ children: e.link.text },
|
|
e.link.text
|
|
)
|
|
: (0, i.jsx)(
|
|
"a",
|
|
{
|
|
className:
|
|
x()["text-link"],
|
|
target: "_blank",
|
|
href: e.link.href,
|
|
"data-track-category":
|
|
k,
|
|
"data-track-name":
|
|
"promotion",
|
|
"data-track-value":
|
|
e.link.href,
|
|
children: e.link.text,
|
|
},
|
|
e.link.text
|
|
);
|
|
return (
|
|
null === (t = e.tag) ||
|
|
void 0 === t
|
|
? void 0
|
|
: t.text
|
|
)
|
|
? (0, i.jsxs)(
|
|
"div",
|
|
{
|
|
className:
|
|
x()[
|
|
"text-link-wrapper"
|
|
],
|
|
children: [
|
|
(0, i.jsx)("i", {
|
|
className: h()(
|
|
x().tag,
|
|
x()[e.tag.type]
|
|
),
|
|
children: e.tag.text,
|
|
}),
|
|
a,
|
|
],
|
|
},
|
|
e.link.text
|
|
)
|
|
: a;
|
|
}),
|
|
],
|
|
},
|
|
t
|
|
);
|
|
}),
|
|
})
|
|
: (0, i.jsx)("div", {
|
|
className: h()(
|
|
x()["promotion-wrapper"],
|
|
x()["column-length-".concat(p.promotionColumns)]
|
|
),
|
|
children:
|
|
null === (n = f.promotion.items) || void 0 === n
|
|
? void 0
|
|
: n.map(function (e) {
|
|
return (0,
|
|
i.jsxs)("div", { className: "promotion", children: [(0, i.jsx)("div", { className: x().title, children: e.title }), (0, i.jsx)("div", { className: x().content, children: e.content }), (0, i.jsx)(o.l, { className: x()["text-link"], data: e.link, dataTrackCategory: k, dataTrackName: e.title, target: "_blank" })] }, e.title);
|
|
}),
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
});
|
|
};
|
|
function g(e) {
|
|
var t = e.data.config;
|
|
return (0, i.jsx)(i.Fragment, {
|
|
children: t.isNewBanner2202
|
|
? (0, i.jsx)(l.R, (0, n.Z)({}, e))
|
|
: (0, i.jsx)(f, (0, n.Z)({}, e)),
|
|
});
|
|
}
|
|
},
|
|
61586: function (e) {
|
|
e.exports = {
|
|
nav: "U4xr2f_K",
|
|
container: "e6jElWnt",
|
|
hide: "__75cR__Bu",
|
|
"is-img": "wBy1ySoD",
|
|
line: "V1eapMfw",
|
|
list: "s4tPEFNf",
|
|
items: "__1n1hSE9g",
|
|
active: "_r_1B45e",
|
|
"btn-left": "__2IkWRAbI",
|
|
"btn-right": "YkY_4nLz",
|
|
show: "vnjyBWlM",
|
|
};
|
|
},
|
|
93876: function (e) {
|
|
e.exports = {
|
|
center: "NSZGrIUA",
|
|
clearInput: "kJd_wbTy",
|
|
ellipsis: "E3uEHh_P",
|
|
nav: "__7wOHUN9V",
|
|
"calculator-img": "TIBp7kTL",
|
|
"banner-old": "QfW61geP",
|
|
"has-nav": "WNPxGcE2",
|
|
calculator: "HI1sqKgK",
|
|
fixed: "S8UR0QvZ",
|
|
"new-banner": "LbPo8Uox",
|
|
group: "GPPUiCRR",
|
|
"img-box": "mrsi8Yol",
|
|
desc: "qlPUwaBm",
|
|
"detail-box": "_AcogkAA",
|
|
"apply-box": "__663tDRKP",
|
|
console: "oRVv546d",
|
|
"doc-index": "cv4jsycD",
|
|
"banner-title-container": "tzxOIB_0",
|
|
"banner-video-icon": "pvw1AP8f",
|
|
"event-box": "U9zegH4T",
|
|
event: "B2KOmb2H",
|
|
"icon-discountmanage": "W9mzHkrQ",
|
|
"primary-link": "__80GrcmRW",
|
|
tips: "__4C_eMh4Z",
|
|
"arrow-right": "l_oqlmfN",
|
|
V5S001: "gpvXu77B",
|
|
"similar-product": "GhbGvaK7",
|
|
"v5-promotion": "vn5rWQRM",
|
|
promotion: "__5xoSje0a",
|
|
top: "QKbIQZGD",
|
|
bottom: "RyJzTfe9",
|
|
"promotion-block": "yZLN3wmo",
|
|
"promotion-head": "O_iFKfXd",
|
|
icon: "SRKRycx2",
|
|
title: "tvUfj3o_",
|
|
"text-link-wrapper": "FAzO48dl",
|
|
tag: "Vw_bdp6V",
|
|
hot: "wf5hF7se",
|
|
content: "lUU_jKsC",
|
|
"promotion-wrapper": "yZH9SUjy",
|
|
"column-length-1": "SgSGEksV",
|
|
"column-length-2": "Ys7X_Mws",
|
|
"column-length-3": "mdI5nl1M",
|
|
en: "DIn8eqgj",
|
|
V5S001_en: "hApxemEy",
|
|
};
|
|
},
|
|
},
|
|
]);
|