@fonixtree/magic-design 0.0.42 → 0.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/common/LinkModal/index.js +1 -1
- package/es/common/LinkModal/index.less +4 -2
- package/es/composite-comp/common/components/ImageLabel/index.js +2 -2
- package/es/composite-comp/common/components/ImageLabel/index.less +3 -3
- package/es/composite-comp/common/components/ProductItem/index.less +6 -7
- package/es/composite-comp/dito/components/Recommend/defaultJSON.js +8 -2
- package/es/composite-comp/dito/components/Recommend/mobile/index.js +24 -30
- package/es/meta-comp/components/Image/index.js +6 -3
- package/lib/common/LinkModal/index.js +1 -1
- package/lib/common/LinkModal/index.less +4 -2
- package/lib/composite-comp/common/components/ImageLabel/index.js +2 -2
- package/lib/composite-comp/common/components/ImageLabel/index.less +3 -3
- package/lib/composite-comp/common/components/ProductItem/index.less +6 -7
- package/lib/composite-comp/dito/components/Recommend/defaultJSON.js +8 -2
- package/lib/composite-comp/dito/components/Recommend/mobile/index.js +24 -30
- package/lib/meta-comp/components/Image/index.js +6 -3
- package/package.json +1 -1
|
@@ -78,7 +78,7 @@ var LinkModal = function LinkModal(props) {
|
|
|
78
78
|
width: "1000",
|
|
79
79
|
wrapClassName: "linkModal"
|
|
80
80
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
81
|
-
className: "
|
|
81
|
+
className: "urlModalWrap"
|
|
82
82
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
83
83
|
className: "linkType"
|
|
84
84
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
right: unset !important;
|
|
4
4
|
left: unset !important;
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.urlModalWrap {
|
|
7
7
|
font-family: 'Open Sans';
|
|
8
8
|
font-style: normal;
|
|
9
9
|
font-weight: 400;
|
|
10
10
|
font-size: 14px;
|
|
11
11
|
line-height: 22px;
|
|
12
12
|
color: #232F46;
|
|
13
|
-
height:600px;
|
|
13
|
+
height: 600px;
|
|
14
14
|
|
|
15
15
|
.linkType {
|
|
16
16
|
display: flex;
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
font-weight: 600;
|
|
25
25
|
border-radius: 4px;
|
|
26
|
+
|
|
26
27
|
&:hover {
|
|
27
28
|
background: #F5F6F7;
|
|
28
29
|
}
|
|
@@ -95,6 +96,7 @@
|
|
|
95
96
|
color: #2d3040;
|
|
96
97
|
}
|
|
97
98
|
}
|
|
99
|
+
|
|
98
100
|
.ant-modal {
|
|
99
101
|
top: 25px;
|
|
100
102
|
}
|
|
@@ -71,14 +71,14 @@ function (_super) {
|
|
|
71
71
|
return /*#__PURE__*/_react["default"].createElement("img", {
|
|
72
72
|
key: label.imgUrl || label.labelPictureUrl,
|
|
73
73
|
alt: "img",
|
|
74
|
-
className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" +
|
|
74
|
+
className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + label.position] = true, _a.small = small, _a)),
|
|
75
75
|
src: label.imgUrl || label.labelPictureUrl
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
80
80
|
key: label.labelName,
|
|
81
|
-
className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" +
|
|
81
|
+
className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" + label.position] = true, _b))
|
|
82
82
|
}, label.labelName);
|
|
83
83
|
});
|
|
84
84
|
};
|
|
@@ -4,14 +4,11 @@
|
|
|
4
4
|
background: #FFFFFF;
|
|
5
5
|
border: 1px solid #D2D9E5;
|
|
6
6
|
width: 142px;
|
|
7
|
-
border-radius: 8px;
|
|
8
7
|
|
|
9
8
|
.img-wrap {
|
|
10
9
|
position: relative;
|
|
11
|
-
border-radius: 8px;
|
|
12
10
|
|
|
13
11
|
.product-img {
|
|
14
|
-
border-radius: 8px;
|
|
15
12
|
width: 140px;
|
|
16
13
|
height: 140px;
|
|
17
14
|
object-fit: cover;
|
|
@@ -36,7 +33,7 @@
|
|
|
36
33
|
}
|
|
37
34
|
|
|
38
35
|
.product-name {
|
|
39
|
-
margin-bottom:
|
|
36
|
+
margin-bottom: 3px;
|
|
40
37
|
// font-family: 'Montserrat';
|
|
41
38
|
// font-style: normal;
|
|
42
39
|
// font-weight: 500;
|
|
@@ -60,7 +57,7 @@
|
|
|
60
57
|
|
|
61
58
|
.old-price-wrap {
|
|
62
59
|
display: flex;
|
|
63
|
-
margin-top:
|
|
60
|
+
margin-top: 0px;
|
|
64
61
|
align-items: baseline;
|
|
65
62
|
white-space: nowrap;
|
|
66
63
|
overflow: hidden;
|
|
@@ -71,9 +68,11 @@
|
|
|
71
68
|
font-family: 'Montserrat';
|
|
72
69
|
font-style: normal;
|
|
73
70
|
font-weight: 700;
|
|
74
|
-
font-size:
|
|
71
|
+
font-size: 8px;
|
|
75
72
|
line-height: 15px;
|
|
76
|
-
color: #
|
|
73
|
+
color: #fff;
|
|
74
|
+
padding: 0 4px;
|
|
75
|
+
background-color: #CE1126;
|
|
77
76
|
}
|
|
78
77
|
|
|
79
78
|
.old-price {
|
|
@@ -279,8 +279,14 @@ var getDefaultJSON = function getDefaultJSON() {
|
|
|
279
279
|
}
|
|
280
280
|
},
|
|
281
281
|
customize: {
|
|
282
|
-
layout:
|
|
283
|
-
|
|
282
|
+
layout: {
|
|
283
|
+
pcLayout: 'layout1',
|
|
284
|
+
h5Layout: 'layout1'
|
|
285
|
+
},
|
|
286
|
+
align: 'left',
|
|
287
|
+
pcRowNum: 6,
|
|
288
|
+
pcMaxRowNum: 6,
|
|
289
|
+
pcMinRowNum: 5
|
|
284
290
|
},
|
|
285
291
|
background: {
|
|
286
292
|
opacity: 100,
|
|
@@ -227,10 +227,6 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
|
|
|
227
227
|
};
|
|
228
228
|
|
|
229
229
|
var LAYOUT_IMAGE_SIZE = {
|
|
230
|
-
left: {
|
|
231
|
-
w: '100%',
|
|
232
|
-
h: 165
|
|
233
|
-
},
|
|
234
230
|
layout1: {
|
|
235
231
|
w: '100%',
|
|
236
232
|
h: 164
|
|
@@ -416,10 +412,8 @@ function (_super) {
|
|
|
416
412
|
};
|
|
417
413
|
|
|
418
414
|
_this.resetLayout = function () {
|
|
419
|
-
var layout = _this.props.panelProps.customize.layout.h5Layout
|
|
420
|
-
|
|
415
|
+
var layout = _this.props.panelProps.customize.layout.h5Layout;
|
|
421
416
|
var LAYOUT_COLUMN = {
|
|
422
|
-
left: 2,
|
|
423
417
|
layout1: 2,
|
|
424
418
|
layout2: 1,
|
|
425
419
|
layout3: 3
|
|
@@ -543,7 +537,7 @@ function (_super) {
|
|
|
543
537
|
hideTabs: hideTabs
|
|
544
538
|
});
|
|
545
539
|
});
|
|
546
|
-
var curLayout = panelProps.customize.layout.h5Layout
|
|
540
|
+
var curLayout = panelProps.customize.layout.h5Layout;
|
|
547
541
|
|
|
548
542
|
if (curLayout !== this.preLayout) {
|
|
549
543
|
this.resetLayout();
|
|
@@ -565,7 +559,7 @@ function (_super) {
|
|
|
565
559
|
var bgStyle = this.getBackgroundStyle();
|
|
566
560
|
var products = this.state["products" + tabIndex] || [];
|
|
567
561
|
var isDivide = groupSource.length <= 3;
|
|
568
|
-
var layout = panelProps.customize.layout.h5Layout
|
|
562
|
+
var layout = panelProps.customize.layout.h5Layout;
|
|
569
563
|
|
|
570
564
|
var _seeAll = (0, _commonUtil.ensure)(function () {
|
|
571
565
|
return groupSource[tabIndex].seeAll;
|
|
@@ -617,47 +611,47 @@ function (_super) {
|
|
|
617
611
|
transform: "translateX(" + tabLeft + "px)",
|
|
618
612
|
background: this.getTabBarActiveColor(panelProps)
|
|
619
613
|
}
|
|
620
|
-
})), ['
|
|
621
|
-
key: "
|
|
622
|
-
className:
|
|
623
|
-
pl_100: layout === 'layout5'
|
|
624
|
-
})
|
|
614
|
+
})), ['layout1', 'layout2', 'layout3'].includes(layout) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
615
|
+
key: "macyContainer",
|
|
616
|
+
className: "macyContainer"
|
|
625
617
|
}, products.map(function (item) {
|
|
626
|
-
return /*#__PURE__*/_react["default"].createElement("
|
|
627
|
-
|
|
628
|
-
}, /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
|
|
629
|
-
key: "scroll_" + item.productId,
|
|
618
|
+
return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
|
|
619
|
+
key: item.productId,
|
|
630
620
|
data: item,
|
|
631
|
-
fixHeight:
|
|
621
|
+
fixHeight: layout === 'layout3',
|
|
632
622
|
imgHeight: imgHeight,
|
|
633
623
|
imgWidth: imgWidth,
|
|
624
|
+
layout: layout === 'layout2' ? 'horizontal' : 'vertical',
|
|
634
625
|
onItemClick: function onItemClick() {
|
|
635
626
|
return (0, _coreUtil.clickUrl)("/product/detail/" + item.offerId + "?productId=" + (item.sppProductId || item.productId || ''));
|
|
636
627
|
},
|
|
637
628
|
panelProps: panelProps.content,
|
|
638
629
|
showProgress: false
|
|
639
|
-
})
|
|
640
|
-
}), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
|
|
630
|
+
});
|
|
631
|
+
})), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
|
|
641
632
|
className: "btnSeeAll",
|
|
642
633
|
data: _seeAll
|
|
643
|
-
})) : /*#__PURE__*/_react["default"].createElement(
|
|
644
|
-
key: "
|
|
645
|
-
className: "
|
|
634
|
+
})) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
635
|
+
key: "scrollContainer",
|
|
636
|
+
className: (0, _classnames["default"])('scrollContainer', {
|
|
637
|
+
pl_100: layout === 'layout5'
|
|
638
|
+
})
|
|
646
639
|
}, products.map(function (item) {
|
|
647
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
648
|
-
|
|
640
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
641
|
+
className: "productCard"
|
|
642
|
+
}, /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
|
|
643
|
+
key: "scroll_" + item.productId,
|
|
649
644
|
data: item,
|
|
650
|
-
fixHeight:
|
|
645
|
+
fixHeight: true,
|
|
651
646
|
imgHeight: imgHeight,
|
|
652
647
|
imgWidth: imgWidth,
|
|
653
|
-
layout: layout === 'layout2' ? 'horizontal' : 'vertical',
|
|
654
648
|
onItemClick: function onItemClick() {
|
|
655
649
|
return (0, _coreUtil.clickUrl)("/product/detail/" + item.offerId + "?productId=" + (item.sppProductId || item.productId || ''));
|
|
656
650
|
},
|
|
657
651
|
panelProps: panelProps.content,
|
|
658
652
|
showProgress: false
|
|
659
|
-
});
|
|
660
|
-
})
|
|
653
|
+
}));
|
|
654
|
+
}), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
|
|
661
655
|
className: "btnSeeAll",
|
|
662
656
|
data: _seeAll
|
|
663
657
|
})));
|
|
@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
11
11
|
|
|
12
12
|
require("./index.less");
|
|
13
13
|
|
|
14
|
+
var _defaultImg = _interopRequireDefault(require("./image/default-img.png"));
|
|
15
|
+
|
|
14
16
|
var _coreUtil = require("../../../utils/coreUtil");
|
|
15
17
|
|
|
16
18
|
var _decorator = require("../../../decorator");
|
|
@@ -161,10 +163,11 @@ function (_super) {
|
|
|
161
163
|
|
|
162
164
|
if (window.magicDesign.isShop && (srcImg === null || srcImg === void 0 ? void 0 : srcImg.includes('ecommerce/static'))) {
|
|
163
165
|
srcImg = srcImg.replace('ecommerce/static', 'static');
|
|
164
|
-
}
|
|
165
|
-
// srcImg = defaultImg;
|
|
166
|
-
// }
|
|
166
|
+
}
|
|
167
167
|
|
|
168
|
+
if (!srcImg) {
|
|
169
|
+
srcImg = _defaultImg["default"];
|
|
170
|
+
}
|
|
168
171
|
|
|
169
172
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
170
173
|
className: (0, _classnames["default"])('m-meta-image', {
|
|
@@ -78,7 +78,7 @@ var LinkModal = function LinkModal(props) {
|
|
|
78
78
|
width: "1000",
|
|
79
79
|
wrapClassName: "linkModal"
|
|
80
80
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
81
|
-
className: "
|
|
81
|
+
className: "urlModalWrap"
|
|
82
82
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
83
83
|
className: "linkType"
|
|
84
84
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
right: unset !important;
|
|
4
4
|
left: unset !important;
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.urlModalWrap {
|
|
7
7
|
font-family: 'Open Sans';
|
|
8
8
|
font-style: normal;
|
|
9
9
|
font-weight: 400;
|
|
10
10
|
font-size: 14px;
|
|
11
11
|
line-height: 22px;
|
|
12
12
|
color: #232F46;
|
|
13
|
-
height:600px;
|
|
13
|
+
height: 600px;
|
|
14
14
|
|
|
15
15
|
.linkType {
|
|
16
16
|
display: flex;
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
font-weight: 600;
|
|
25
25
|
border-radius: 4px;
|
|
26
|
+
|
|
26
27
|
&:hover {
|
|
27
28
|
background: #F5F6F7;
|
|
28
29
|
}
|
|
@@ -95,6 +96,7 @@
|
|
|
95
96
|
color: #2d3040;
|
|
96
97
|
}
|
|
97
98
|
}
|
|
99
|
+
|
|
98
100
|
.ant-modal {
|
|
99
101
|
top: 25px;
|
|
100
102
|
}
|
|
@@ -71,14 +71,14 @@ function (_super) {
|
|
|
71
71
|
return /*#__PURE__*/_react["default"].createElement("img", {
|
|
72
72
|
key: label.imgUrl || label.labelPictureUrl,
|
|
73
73
|
alt: "img",
|
|
74
|
-
className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" +
|
|
74
|
+
className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + label.position] = true, _a.small = small, _a)),
|
|
75
75
|
src: label.imgUrl || label.labelPictureUrl
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
80
80
|
key: label.labelName,
|
|
81
|
-
className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" +
|
|
81
|
+
className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" + label.position] = true, _b))
|
|
82
82
|
}, label.labelName);
|
|
83
83
|
});
|
|
84
84
|
};
|
|
@@ -4,14 +4,11 @@
|
|
|
4
4
|
background: #FFFFFF;
|
|
5
5
|
border: 1px solid #D2D9E5;
|
|
6
6
|
width: 142px;
|
|
7
|
-
border-radius: 8px;
|
|
8
7
|
|
|
9
8
|
.img-wrap {
|
|
10
9
|
position: relative;
|
|
11
|
-
border-radius: 8px;
|
|
12
10
|
|
|
13
11
|
.product-img {
|
|
14
|
-
border-radius: 8px;
|
|
15
12
|
width: 140px;
|
|
16
13
|
height: 140px;
|
|
17
14
|
object-fit: cover;
|
|
@@ -36,7 +33,7 @@
|
|
|
36
33
|
}
|
|
37
34
|
|
|
38
35
|
.product-name {
|
|
39
|
-
margin-bottom:
|
|
36
|
+
margin-bottom: 3px;
|
|
40
37
|
// font-family: 'Montserrat';
|
|
41
38
|
// font-style: normal;
|
|
42
39
|
// font-weight: 500;
|
|
@@ -60,7 +57,7 @@
|
|
|
60
57
|
|
|
61
58
|
.old-price-wrap {
|
|
62
59
|
display: flex;
|
|
63
|
-
margin-top:
|
|
60
|
+
margin-top: 0px;
|
|
64
61
|
align-items: baseline;
|
|
65
62
|
white-space: nowrap;
|
|
66
63
|
overflow: hidden;
|
|
@@ -71,9 +68,11 @@
|
|
|
71
68
|
font-family: 'Montserrat';
|
|
72
69
|
font-style: normal;
|
|
73
70
|
font-weight: 700;
|
|
74
|
-
font-size:
|
|
71
|
+
font-size: 8px;
|
|
75
72
|
line-height: 15px;
|
|
76
|
-
color: #
|
|
73
|
+
color: #fff;
|
|
74
|
+
padding: 0 4px;
|
|
75
|
+
background-color: #CE1126;
|
|
77
76
|
}
|
|
78
77
|
|
|
79
78
|
.old-price {
|
|
@@ -279,8 +279,14 @@ var getDefaultJSON = function getDefaultJSON() {
|
|
|
279
279
|
}
|
|
280
280
|
},
|
|
281
281
|
customize: {
|
|
282
|
-
layout:
|
|
283
|
-
|
|
282
|
+
layout: {
|
|
283
|
+
pcLayout: 'layout1',
|
|
284
|
+
h5Layout: 'layout1'
|
|
285
|
+
},
|
|
286
|
+
align: 'left',
|
|
287
|
+
pcRowNum: 6,
|
|
288
|
+
pcMaxRowNum: 6,
|
|
289
|
+
pcMinRowNum: 5
|
|
284
290
|
},
|
|
285
291
|
background: {
|
|
286
292
|
opacity: 100,
|
|
@@ -227,10 +227,6 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
|
|
|
227
227
|
};
|
|
228
228
|
|
|
229
229
|
var LAYOUT_IMAGE_SIZE = {
|
|
230
|
-
left: {
|
|
231
|
-
w: '100%',
|
|
232
|
-
h: 165
|
|
233
|
-
},
|
|
234
230
|
layout1: {
|
|
235
231
|
w: '100%',
|
|
236
232
|
h: 164
|
|
@@ -416,10 +412,8 @@ function (_super) {
|
|
|
416
412
|
};
|
|
417
413
|
|
|
418
414
|
_this.resetLayout = function () {
|
|
419
|
-
var layout = _this.props.panelProps.customize.layout.h5Layout
|
|
420
|
-
|
|
415
|
+
var layout = _this.props.panelProps.customize.layout.h5Layout;
|
|
421
416
|
var LAYOUT_COLUMN = {
|
|
422
|
-
left: 2,
|
|
423
417
|
layout1: 2,
|
|
424
418
|
layout2: 1,
|
|
425
419
|
layout3: 3
|
|
@@ -543,7 +537,7 @@ function (_super) {
|
|
|
543
537
|
hideTabs: hideTabs
|
|
544
538
|
});
|
|
545
539
|
});
|
|
546
|
-
var curLayout = panelProps.customize.layout.h5Layout
|
|
540
|
+
var curLayout = panelProps.customize.layout.h5Layout;
|
|
547
541
|
|
|
548
542
|
if (curLayout !== this.preLayout) {
|
|
549
543
|
this.resetLayout();
|
|
@@ -565,7 +559,7 @@ function (_super) {
|
|
|
565
559
|
var bgStyle = this.getBackgroundStyle();
|
|
566
560
|
var products = this.state["products" + tabIndex] || [];
|
|
567
561
|
var isDivide = groupSource.length <= 3;
|
|
568
|
-
var layout = panelProps.customize.layout.h5Layout
|
|
562
|
+
var layout = panelProps.customize.layout.h5Layout;
|
|
569
563
|
|
|
570
564
|
var _seeAll = (0, _commonUtil.ensure)(function () {
|
|
571
565
|
return groupSource[tabIndex].seeAll;
|
|
@@ -617,47 +611,47 @@ function (_super) {
|
|
|
617
611
|
transform: "translateX(" + tabLeft + "px)",
|
|
618
612
|
background: this.getTabBarActiveColor(panelProps)
|
|
619
613
|
}
|
|
620
|
-
})), ['
|
|
621
|
-
key: "
|
|
622
|
-
className:
|
|
623
|
-
pl_100: layout === 'layout5'
|
|
624
|
-
})
|
|
614
|
+
})), ['layout1', 'layout2', 'layout3'].includes(layout) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
615
|
+
key: "macyContainer",
|
|
616
|
+
className: "macyContainer"
|
|
625
617
|
}, products.map(function (item) {
|
|
626
|
-
return /*#__PURE__*/_react["default"].createElement("
|
|
627
|
-
|
|
628
|
-
}, /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
|
|
629
|
-
key: "scroll_" + item.productId,
|
|
618
|
+
return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
|
|
619
|
+
key: item.productId,
|
|
630
620
|
data: item,
|
|
631
|
-
fixHeight:
|
|
621
|
+
fixHeight: layout === 'layout3',
|
|
632
622
|
imgHeight: imgHeight,
|
|
633
623
|
imgWidth: imgWidth,
|
|
624
|
+
layout: layout === 'layout2' ? 'horizontal' : 'vertical',
|
|
634
625
|
onItemClick: function onItemClick() {
|
|
635
626
|
return (0, _coreUtil.clickUrl)("/product/detail/" + item.offerId + "?productId=" + (item.sppProductId || item.productId || ''));
|
|
636
627
|
},
|
|
637
628
|
panelProps: panelProps.content,
|
|
638
629
|
showProgress: false
|
|
639
|
-
})
|
|
640
|
-
}), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
|
|
630
|
+
});
|
|
631
|
+
})), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
|
|
641
632
|
className: "btnSeeAll",
|
|
642
633
|
data: _seeAll
|
|
643
|
-
})) : /*#__PURE__*/_react["default"].createElement(
|
|
644
|
-
key: "
|
|
645
|
-
className: "
|
|
634
|
+
})) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
635
|
+
key: "scrollContainer",
|
|
636
|
+
className: (0, _classnames["default"])('scrollContainer', {
|
|
637
|
+
pl_100: layout === 'layout5'
|
|
638
|
+
})
|
|
646
639
|
}, products.map(function (item) {
|
|
647
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
648
|
-
|
|
640
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
641
|
+
className: "productCard"
|
|
642
|
+
}, /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
|
|
643
|
+
key: "scroll_" + item.productId,
|
|
649
644
|
data: item,
|
|
650
|
-
fixHeight:
|
|
645
|
+
fixHeight: true,
|
|
651
646
|
imgHeight: imgHeight,
|
|
652
647
|
imgWidth: imgWidth,
|
|
653
|
-
layout: layout === 'layout2' ? 'horizontal' : 'vertical',
|
|
654
648
|
onItemClick: function onItemClick() {
|
|
655
649
|
return (0, _coreUtil.clickUrl)("/product/detail/" + item.offerId + "?productId=" + (item.sppProductId || item.productId || ''));
|
|
656
650
|
},
|
|
657
651
|
panelProps: panelProps.content,
|
|
658
652
|
showProgress: false
|
|
659
|
-
});
|
|
660
|
-
})
|
|
653
|
+
}));
|
|
654
|
+
}), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
|
|
661
655
|
className: "btnSeeAll",
|
|
662
656
|
data: _seeAll
|
|
663
657
|
})));
|
|
@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
11
11
|
|
|
12
12
|
require("./index.less");
|
|
13
13
|
|
|
14
|
+
var _defaultImg = _interopRequireDefault(require("./image/default-img.png"));
|
|
15
|
+
|
|
14
16
|
var _coreUtil = require("../../../utils/coreUtil");
|
|
15
17
|
|
|
16
18
|
var _decorator = require("../../../decorator");
|
|
@@ -161,10 +163,11 @@ function (_super) {
|
|
|
161
163
|
|
|
162
164
|
if (window.magicDesign.isShop && (srcImg === null || srcImg === void 0 ? void 0 : srcImg.includes('ecommerce/static'))) {
|
|
163
165
|
srcImg = srcImg.replace('ecommerce/static', 'static');
|
|
164
|
-
}
|
|
165
|
-
// srcImg = defaultImg;
|
|
166
|
-
// }
|
|
166
|
+
}
|
|
167
167
|
|
|
168
|
+
if (!srcImg) {
|
|
169
|
+
srcImg = _defaultImg["default"];
|
|
170
|
+
}
|
|
168
171
|
|
|
169
172
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
170
173
|
className: (0, _classnames["default"])('m-meta-image', {
|