@fonixtree/magic-design 1.0.115 → 1.0.117
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/composite-comp/common/components/ImageLabel/index.less +8 -1
- package/es/composite-comp/dito/components/Recommend/mobile/index.less +7 -0
- package/es/composite-comp/dito/components/SearchBanner/mobile/index.js +3 -3
- package/es/composite-comp/dito/components/SignBoard/mobile/index.js +1 -1
- package/lib/composite-comp/common/components/ImageLabel/index.less +8 -1
- package/lib/composite-comp/dito/components/Recommend/mobile/index.less +7 -0
- package/lib/composite-comp/dito/components/SearchBanner/mobile/index.js +3 -3
- package/lib/composite-comp/dito/components/SignBoard/mobile/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.image-label-wrap {
|
|
2
2
|
font-size: 12px;
|
|
3
|
+
display: none;
|
|
3
4
|
|
|
4
5
|
&.img {
|
|
5
6
|
max-width: 75%;
|
|
@@ -12,13 +13,14 @@
|
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
&.label {
|
|
15
|
-
max-width:
|
|
16
|
+
max-width: 100%;
|
|
16
17
|
overflow: hidden;
|
|
17
18
|
white-space: nowrap;
|
|
18
19
|
text-overflow: ellipsis;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
&.position-1 {
|
|
23
|
+
display: block;
|
|
22
24
|
position: absolute;
|
|
23
25
|
z-index: 1;
|
|
24
26
|
top: 0;
|
|
@@ -26,6 +28,7 @@
|
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
&.position-2 {
|
|
31
|
+
display: block;
|
|
29
32
|
position: absolute;
|
|
30
33
|
z-index: 1;
|
|
31
34
|
bottom: 0;
|
|
@@ -33,6 +36,7 @@
|
|
|
33
36
|
}
|
|
34
37
|
|
|
35
38
|
&.position-3 {
|
|
39
|
+
display: block;
|
|
36
40
|
position: absolute;
|
|
37
41
|
z-index: 1;
|
|
38
42
|
top: 0;
|
|
@@ -40,6 +44,7 @@
|
|
|
40
44
|
}
|
|
41
45
|
|
|
42
46
|
&.position-4 {
|
|
47
|
+
display: block;
|
|
43
48
|
position: absolute;
|
|
44
49
|
z-index: 1;
|
|
45
50
|
bottom: 0;
|
|
@@ -48,6 +53,7 @@
|
|
|
48
53
|
|
|
49
54
|
|
|
50
55
|
&.position-6 {
|
|
56
|
+
display: block;
|
|
51
57
|
height: 18px;
|
|
52
58
|
margin-right: 5px;
|
|
53
59
|
vertical-align: middle;
|
|
@@ -55,6 +61,7 @@
|
|
|
55
61
|
}
|
|
56
62
|
|
|
57
63
|
&.position-7 {
|
|
64
|
+
display: block;
|
|
58
65
|
height: 16px;
|
|
59
66
|
}
|
|
60
67
|
}
|
|
@@ -85,6 +85,13 @@
|
|
|
85
85
|
}
|
|
86
86
|
.m-recommend-mobile .scrollContainer .m-product-item-wrap {
|
|
87
87
|
border: none;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
}
|
|
90
|
+
.m-recommend-mobile .scrollContainer .m-product-item-wrap .img-wrap {
|
|
91
|
+
border-radius: 0.16rem;
|
|
92
|
+
}
|
|
93
|
+
.m-recommend-mobile .scrollContainer .m-product-item-wrap .img-wrap .product-img {
|
|
94
|
+
border-radius: 0.16rem;
|
|
88
95
|
}
|
|
89
96
|
.m-recommend-mobile .scrollContainer .m-product-item-wrap .content-wrap {
|
|
90
97
|
padding: 0.16rem 0;
|
|
@@ -171,7 +171,7 @@ function (_super) {
|
|
|
171
171
|
}, data.content && ((_a = data.content.box) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
172
172
|
className: "search-input-wrap",
|
|
173
173
|
onClick: function onClick() {
|
|
174
|
-
return clickUrl('/search-page');
|
|
174
|
+
return (0, _coreUtil.clickUrl)('/search-page');
|
|
175
175
|
},
|
|
176
176
|
style: {
|
|
177
177
|
borderColor: (_c = (_b = data.content.box) === null || _b === void 0 ? void 0 : _b.color) === null || _c === void 0 ? void 0 : _c.mobile,
|
|
@@ -186,7 +186,7 @@ function (_super) {
|
|
|
186
186
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
187
187
|
color: (_l = (_k = data.content.icon) === null || _k === void 0 ? void 0 : _k.color) === null || _l === void 0 ? void 0 : _l.mobile,
|
|
188
188
|
onClick: function onClick() {
|
|
189
|
-
return clickUrl('/new-chat');
|
|
189
|
+
return (0, _coreUtil.clickUrl)('/new-chat');
|
|
190
190
|
},
|
|
191
191
|
size: (0, _commonUtil.convertToRem)(24),
|
|
192
192
|
type: "icon-chatbot"
|
|
@@ -197,7 +197,7 @@ function (_super) {
|
|
|
197
197
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
198
198
|
color: (_q = (_p = data.content.icon) === null || _p === void 0 ? void 0 : _p.color) === null || _q === void 0 ? void 0 : _q.mobile,
|
|
199
199
|
onClick: function onClick() {
|
|
200
|
-
return clickUrl('/message-center');
|
|
200
|
+
return (0, _coreUtil.clickUrl)('/message-center');
|
|
201
201
|
},
|
|
202
202
|
size: (0, _commonUtil.convertToRem)(24),
|
|
203
203
|
type: "icon-letter"
|
|
@@ -381,7 +381,7 @@ function (_super) {
|
|
|
381
381
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
382
382
|
onClick: this.clickCollect
|
|
383
383
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
384
|
-
color: isFollow ? '#
|
|
384
|
+
color: isFollow ? '#ce1126' : '#333333',
|
|
385
385
|
size: (0, _commonUtil.convertToRem)(24),
|
|
386
386
|
type: isFollow ? 'icon-HeartStraight_fill' : 'icon-HeartStraight'
|
|
387
387
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.image-label-wrap {
|
|
2
2
|
font-size: 12px;
|
|
3
|
+
display: none;
|
|
3
4
|
|
|
4
5
|
&.img {
|
|
5
6
|
max-width: 75%;
|
|
@@ -12,13 +13,14 @@
|
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
&.label {
|
|
15
|
-
max-width:
|
|
16
|
+
max-width: 100%;
|
|
16
17
|
overflow: hidden;
|
|
17
18
|
white-space: nowrap;
|
|
18
19
|
text-overflow: ellipsis;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
&.position-1 {
|
|
23
|
+
display: block;
|
|
22
24
|
position: absolute;
|
|
23
25
|
z-index: 1;
|
|
24
26
|
top: 0;
|
|
@@ -26,6 +28,7 @@
|
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
&.position-2 {
|
|
31
|
+
display: block;
|
|
29
32
|
position: absolute;
|
|
30
33
|
z-index: 1;
|
|
31
34
|
bottom: 0;
|
|
@@ -33,6 +36,7 @@
|
|
|
33
36
|
}
|
|
34
37
|
|
|
35
38
|
&.position-3 {
|
|
39
|
+
display: block;
|
|
36
40
|
position: absolute;
|
|
37
41
|
z-index: 1;
|
|
38
42
|
top: 0;
|
|
@@ -40,6 +44,7 @@
|
|
|
40
44
|
}
|
|
41
45
|
|
|
42
46
|
&.position-4 {
|
|
47
|
+
display: block;
|
|
43
48
|
position: absolute;
|
|
44
49
|
z-index: 1;
|
|
45
50
|
bottom: 0;
|
|
@@ -48,6 +53,7 @@
|
|
|
48
53
|
|
|
49
54
|
|
|
50
55
|
&.position-6 {
|
|
56
|
+
display: block;
|
|
51
57
|
height: 18px;
|
|
52
58
|
margin-right: 5px;
|
|
53
59
|
vertical-align: middle;
|
|
@@ -55,6 +61,7 @@
|
|
|
55
61
|
}
|
|
56
62
|
|
|
57
63
|
&.position-7 {
|
|
64
|
+
display: block;
|
|
58
65
|
height: 16px;
|
|
59
66
|
}
|
|
60
67
|
}
|
|
@@ -85,6 +85,13 @@
|
|
|
85
85
|
}
|
|
86
86
|
.m-recommend-mobile .scrollContainer .m-product-item-wrap {
|
|
87
87
|
border: none;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
}
|
|
90
|
+
.m-recommend-mobile .scrollContainer .m-product-item-wrap .img-wrap {
|
|
91
|
+
border-radius: 0.16rem;
|
|
92
|
+
}
|
|
93
|
+
.m-recommend-mobile .scrollContainer .m-product-item-wrap .img-wrap .product-img {
|
|
94
|
+
border-radius: 0.16rem;
|
|
88
95
|
}
|
|
89
96
|
.m-recommend-mobile .scrollContainer .m-product-item-wrap .content-wrap {
|
|
90
97
|
padding: 0.16rem 0;
|
|
@@ -171,7 +171,7 @@ function (_super) {
|
|
|
171
171
|
}, data.content && ((_a = data.content.box) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
172
172
|
className: "search-input-wrap",
|
|
173
173
|
onClick: function onClick() {
|
|
174
|
-
return clickUrl('/search-page');
|
|
174
|
+
return (0, _coreUtil.clickUrl)('/search-page');
|
|
175
175
|
},
|
|
176
176
|
style: {
|
|
177
177
|
borderColor: (_c = (_b = data.content.box) === null || _b === void 0 ? void 0 : _b.color) === null || _c === void 0 ? void 0 : _c.mobile,
|
|
@@ -186,7 +186,7 @@ function (_super) {
|
|
|
186
186
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
187
187
|
color: (_l = (_k = data.content.icon) === null || _k === void 0 ? void 0 : _k.color) === null || _l === void 0 ? void 0 : _l.mobile,
|
|
188
188
|
onClick: function onClick() {
|
|
189
|
-
return clickUrl('/new-chat');
|
|
189
|
+
return (0, _coreUtil.clickUrl)('/new-chat');
|
|
190
190
|
},
|
|
191
191
|
size: (0, _commonUtil.convertToRem)(24),
|
|
192
192
|
type: "icon-chatbot"
|
|
@@ -197,7 +197,7 @@ function (_super) {
|
|
|
197
197
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
198
198
|
color: (_q = (_p = data.content.icon) === null || _p === void 0 ? void 0 : _p.color) === null || _q === void 0 ? void 0 : _q.mobile,
|
|
199
199
|
onClick: function onClick() {
|
|
200
|
-
return clickUrl('/message-center');
|
|
200
|
+
return (0, _coreUtil.clickUrl)('/message-center');
|
|
201
201
|
},
|
|
202
202
|
size: (0, _commonUtil.convertToRem)(24),
|
|
203
203
|
type: "icon-letter"
|
|
@@ -381,7 +381,7 @@ function (_super) {
|
|
|
381
381
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
382
382
|
onClick: this.clickCollect
|
|
383
383
|
}, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
|
|
384
|
-
color: isFollow ? '#
|
|
384
|
+
color: isFollow ? '#ce1126' : '#333333',
|
|
385
385
|
size: (0, _commonUtil.convertToRem)(24),
|
|
386
386
|
type: isFollow ? 'icon-HeartStraight_fill' : 'icon-HeartStraight'
|
|
387
387
|
}))), /*#__PURE__*/_react["default"].createElement("div", {
|