11111
This commit is contained in:
醉梦
@@ -0,0 +1,595 @@
|
||||
(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",
|
||||
};
|
||||
},
|
||||
},
|
||||
]);
|
||||
Reference in New Issue
Block a user