jufubao-mall 2.0.29-beta1 → 2.0.31

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.
Files changed (21) hide show
  1. package/package.json +1 -1
  2. package/src/components/JfbMallProductInfo/cusAttr/style.js +3 -0
  3. package/src/components/JfbMallSpecialHome/Attr.js +8 -584
  4. package/src/components/JfbMallSpecialHome/JfbMallSpecialHome.vue +230 -160
  5. package/src/components/JfbMallSpecialHome/Mock.js +90 -698
  6. package/src/components/JfbMallSpecialHome/cusAttr/advanced.js +38 -0
  7. package/src/components/JfbMallSpecialHome/cusAttr/content.js +319 -0
  8. package/src/components/JfbMallSpecialHome/cusAttr/style.js +983 -0
  9. package/src/components/JfbMallSpecialInfo/Attr.js +12 -383
  10. package/src/components/JfbMallSpecialInfo/JfbMallSpecialInfo.vue +107 -68
  11. package/src/components/JfbMallSpecialInfo/Mock.js +0 -177
  12. package/src/components/JfbMallSpecialInfo/cusAttr/advanced.js +24 -0
  13. package/src/components/JfbMallSpecialInfo/cusAttr/content.js +281 -0
  14. package/src/components/JfbMallSpecialInfo/cusAttr/style.js +459 -0
  15. package/src/components/JfbMallSpecialProduct/Attr.js +529 -714
  16. package/src/components/JfbMallSpecialProduct/JfbMallSpecialProduct.vue +255 -169
  17. package/src/components/JfbMallSpecialProduct/Mock.js +399 -0
  18. package/src/components/JfbMallSpecialProduct/components/title.vue +174 -0
  19. package/src/components/JfbMallSpecialProduct/cusAttr/advanced.js +21 -0
  20. package/src/components/JfbMallSpecialProduct/cusAttr/content.js +393 -0
  21. package/src/components/JfbMallSpecialProduct/cusAttr/style.js +1002 -0
package/src/components/JfbMallSpecialProduct/Mock.js CHANGED
@@ -34,6 +34,63 @@ module.exports = {
34
34
  "t": "U"
35
35
  }
36
36
  ],
37
+ tags: [
38
+ {
39
+ label: '推荐',
40
+ type: 'market',
41
+ pos: 'tag',
42
+ style: 'GR4'
43
+ },
44
+ {
45
+ label: '爆款',
46
+ type: 'market',
47
+ pos: 'tag',
48
+ style: 'GR4'
49
+ },
50
+ {
51
+ label: '新品',
52
+ type: 'market',
53
+ pos: 'tag',
54
+ style: 'GR4'
55
+ },
56
+ {
57
+ label: '包邮',
58
+ type: 'postage',
59
+ pos: 'tag',
60
+ style: 'GG4'
61
+ },
62
+ {
63
+ label: '秒杀',
64
+ type: 'flashsale',
65
+ pos: 'beTitle',
66
+ style: 'RW8'
67
+ },
68
+ // {
69
+ // label: '爆款',
70
+ // type: 'market',
71
+ // pos: 'imgL',
72
+ // style: 'RWL'
73
+ // },
74
+ // {
75
+ // label: '新品',
76
+ // type: 'market',
77
+ // pos: 'imgR',
78
+ // style: 'RWR'
79
+ // },
80
+ {
81
+ label: '8寸',
82
+ type: 'param',
83
+ pos: 'param',
84
+ style: 'TG1'
85
+ },
86
+ {
87
+ label: '好物',
88
+ type: 'param',
89
+ pos: 'param',
90
+ style: 'TG1'
91
+ },
92
+
93
+ ],
37
94
  },
38
95
  {
39
96
  product_id: 600088155,
@@ -60,6 +117,63 @@ module.exports = {
60
117
  "t": "U"
61
118
  }
62
119
  ],
120
+ tags: [
121
+ {
122
+ label: '推荐',
123
+ type: 'market',
124
+ pos: 'tag',
125
+ style: 'GR4'
126
+ },
127
+ {
128
+ label: '爆款',
129
+ type: 'market',
130
+ pos: 'tag',
131
+ style: 'GR4'
132
+ },
133
+ {
134
+ label: '新品',
135
+ type: 'market',
136
+ pos: 'tag',
137
+ style: 'GR4'
138
+ },
139
+ {
140
+ label: '包邮',
141
+ type: 'postage',
142
+ pos: 'tag',
143
+ style: 'GG4'
144
+ },
145
+ {
146
+ label: '秒杀',
147
+ type: 'flashsale',
148
+ pos: 'beTitle',
149
+ style: 'RW8'
150
+ },
151
+ // {
152
+ // label: '爆款',
153
+ // type: 'market',
154
+ // pos: 'imgL',
155
+ // style: 'RWL'
156
+ // },
157
+ // {
158
+ // label: '新品',
159
+ // type: 'market',
160
+ // pos: 'imgR',
161
+ // style: 'RWR'
162
+ // },
163
+ {
164
+ label: '8寸',
165
+ type: 'param',
166
+ pos: 'param',
167
+ style: 'TG1'
168
+ },
169
+ {
170
+ label: '好物',
171
+ type: 'param',
172
+ pos: 'param',
173
+ style: 'TG1'
174
+ },
175
+
176
+ ],
63
177
  },
64
178
  {
65
179
  product_id: 60008821,
@@ -86,6 +200,63 @@ module.exports = {
86
200
  "t": "U"
87
201
  }
88
202
  ],
203
+ tags: [
204
+ {
205
+ label: '推荐',
206
+ type: 'market',
207
+ pos: 'tag',
208
+ style: 'GR4'
209
+ },
210
+ {
211
+ label: '爆款',
212
+ type: 'market',
213
+ pos: 'tag',
214
+ style: 'GR4'
215
+ },
216
+ {
217
+ label: '新品',
218
+ type: 'market',
219
+ pos: 'tag',
220
+ style: 'GR4'
221
+ },
222
+ {
223
+ label: '包邮',
224
+ type: 'postage',
225
+ pos: 'tag',
226
+ style: 'GG4'
227
+ },
228
+ {
229
+ label: '秒杀',
230
+ type: 'flashsale',
231
+ pos: 'beTitle',
232
+ style: 'RW8'
233
+ },
234
+ // {
235
+ // label: '爆款',
236
+ // type: 'market',
237
+ // pos: 'imgL',
238
+ // style: 'RWL'
239
+ // },
240
+ // {
241
+ // label: '新品',
242
+ // type: 'market',
243
+ // pos: 'imgR',
244
+ // style: 'RWR'
245
+ // },
246
+ {
247
+ label: '8寸',
248
+ type: 'param',
249
+ pos: 'param',
250
+ style: 'TG1'
251
+ },
252
+ {
253
+ label: '好物',
254
+ type: 'param',
255
+ pos: 'param',
256
+ style: 'TG1'
257
+ },
258
+
259
+ ],
89
260
  },
90
261
  {
91
262
  product_id: 60008817,
@@ -110,6 +281,63 @@ module.exports = {
110
281
  "t": "U"
111
282
  }
112
283
  ],
284
+ tags: [
285
+ {
286
+ label: '推荐',
287
+ type: 'market',
288
+ pos: 'tag',
289
+ style: 'GR4'
290
+ },
291
+ {
292
+ label: '爆款',
293
+ type: 'market',
294
+ pos: 'tag',
295
+ style: 'GR4'
296
+ },
297
+ {
298
+ label: '新品',
299
+ type: 'market',
300
+ pos: 'tag',
301
+ style: 'GR4'
302
+ },
303
+ {
304
+ label: '包邮',
305
+ type: 'postage',
306
+ pos: 'tag',
307
+ style: 'GG4'
308
+ },
309
+ {
310
+ label: '秒杀',
311
+ type: 'flashsale',
312
+ pos: 'beTitle',
313
+ style: 'RW8'
314
+ },
315
+ // {
316
+ // label: '爆款',
317
+ // type: 'market',
318
+ // pos: 'imgL',
319
+ // style: 'RWL'
320
+ // },
321
+ // {
322
+ // label: '新品',
323
+ // type: 'market',
324
+ // pos: 'imgR',
325
+ // style: 'RWR'
326
+ // },
327
+ {
328
+ label: '8寸',
329
+ type: 'param',
330
+ pos: 'param',
331
+ style: 'TG1'
332
+ },
333
+ {
334
+ label: '好物',
335
+ type: 'param',
336
+ pos: 'param',
337
+ style: 'TG1'
338
+ },
339
+
340
+ ],
113
341
  },
114
342
  {
115
343
  product_id: 60008818,
@@ -134,6 +362,63 @@ module.exports = {
134
362
  "t": "U"
135
363
  }
136
364
  ],
365
+ tags: [
366
+ {
367
+ label: '推荐',
368
+ type: 'market',
369
+ pos: 'tag',
370
+ style: 'GR4'
371
+ },
372
+ {
373
+ label: '爆款',
374
+ type: 'market',
375
+ pos: 'tag',
376
+ style: 'GR4'
377
+ },
378
+ {
379
+ label: '新品',
380
+ type: 'market',
381
+ pos: 'tag',
382
+ style: 'GR4'
383
+ },
384
+ {
385
+ label: '包邮',
386
+ type: 'postage',
387
+ pos: 'tag',
388
+ style: 'GG4'
389
+ },
390
+ {
391
+ label: '秒杀',
392
+ type: 'flashsale',
393
+ pos: 'beTitle',
394
+ style: 'RW8'
395
+ },
396
+ // {
397
+ // label: '爆款',
398
+ // type: 'market',
399
+ // pos: 'imgL',
400
+ // style: 'RWL'
401
+ // },
402
+ // {
403
+ // label: '新品',
404
+ // type: 'market',
405
+ // pos: 'imgR',
406
+ // style: 'RWR'
407
+ // },
408
+ {
409
+ label: '8寸',
410
+ type: 'param',
411
+ pos: 'param',
412
+ style: 'TG1'
413
+ },
414
+ {
415
+ label: '好物',
416
+ type: 'param',
417
+ pos: 'param',
418
+ style: 'TG1'
419
+ },
420
+
421
+ ],
137
422
  },
138
423
  {
139
424
  product_id: 600070912,
@@ -158,6 +443,63 @@ module.exports = {
158
443
  "t": "U"
159
444
  }
160
445
  ],
446
+ tags: [
447
+ {
448
+ label: '推荐',
449
+ type: 'market',
450
+ pos: 'tag',
451
+ style: 'GR4'
452
+ },
453
+ {
454
+ label: '爆款',
455
+ type: 'market',
456
+ pos: 'tag',
457
+ style: 'GR4'
458
+ },
459
+ {
460
+ label: '新品',
461
+ type: 'market',
462
+ pos: 'tag',
463
+ style: 'GR4'
464
+ },
465
+ {
466
+ label: '包邮',
467
+ type: 'postage',
468
+ pos: 'tag',
469
+ style: 'GG4'
470
+ },
471
+ {
472
+ label: '秒杀',
473
+ type: 'flashsale',
474
+ pos: 'beTitle',
475
+ style: 'RW8'
476
+ },
477
+ // {
478
+ // label: '爆款',
479
+ // type: 'market',
480
+ // pos: 'imgL',
481
+ // style: 'RWL'
482
+ // },
483
+ // {
484
+ // label: '新品',
485
+ // type: 'market',
486
+ // pos: 'imgR',
487
+ // style: 'RWR'
488
+ // },
489
+ {
490
+ label: '8寸',
491
+ type: 'param',
492
+ pos: 'param',
493
+ style: 'TG1'
494
+ },
495
+ {
496
+ label: '好物',
497
+ type: 'param',
498
+ pos: 'param',
499
+ style: 'TG1'
500
+ },
501
+
502
+ ],
161
503
  },
162
504
  {
163
505
  product_id: 600088162,
@@ -182,6 +524,63 @@ module.exports = {
182
524
  "t": "U"
183
525
  }
184
526
  ],
527
+ tags: [
528
+ {
529
+ label: '推荐',
530
+ type: 'market',
531
+ pos: 'tag',
532
+ style: 'GR4'
533
+ },
534
+ {
535
+ label: '爆款',
536
+ type: 'market',
537
+ pos: 'tag',
538
+ style: 'GR4'
539
+ },
540
+ {
541
+ label: '新品',
542
+ type: 'market',
543
+ pos: 'tag',
544
+ style: 'GR4'
545
+ },
546
+ {
547
+ label: '包邮',
548
+ type: 'postage',
549
+ pos: 'tag',
550
+ style: 'GG4'
551
+ },
552
+ {
553
+ label: '秒杀',
554
+ type: 'flashsale',
555
+ pos: 'beTitle',
556
+ style: 'RW8'
557
+ },
558
+ // {
559
+ // label: '爆款',
560
+ // type: 'market',
561
+ // pos: 'imgL',
562
+ // style: 'RWL'
563
+ // },
564
+ // {
565
+ // label: '新品',
566
+ // type: 'market',
567
+ // pos: 'imgR',
568
+ // style: 'RWR'
569
+ // },
570
+ {
571
+ label: '8寸',
572
+ type: 'param',
573
+ pos: 'param',
574
+ style: 'TG1'
575
+ },
576
+ {
577
+ label: '好物',
578
+ type: 'param',
579
+ pos: 'param',
580
+ style: 'TG1'
581
+ },
582
+
583
+ ],
185
584
  },
186
585
  {
187
586
  product_id: 600088212,
package/src/components/JfbMallSpecialProduct/components/title.vue ADDED
@@ -0,0 +1,174 @@
1
+ <template>
2
+ <view class="title-wrap" :style="wrapCss">
3
+ <view
4
+ v-if="titleType !== 'four' && titleType !== 'five'"
5
+ class="title"
6
+ :style="[positionStyle, titleStyle]"
7
+ >
8
+ <view
9
+ v-if="titleType === 'one'"
10
+ :style="{ height: titleStyle.fontSize }"
11
+ class="line"
12
+ ></view>
13
+ <view>
14
+ <text
15
+ v-if="titleType === 'two' || titleType === 'three'"
16
+ style="margin-right: 16rpx; color: #ccc"
17
+ >—</text
18
+ >
19
+ {{ title }}
20
+ <text
21
+ v-if="titleType === 'two' || titleType === 'three'"
22
+ style="margin-left: 16rpx; color: #ccc"
23
+ >—</text
24
+ >
25
+ </view>
26
+ <view
27
+ class="subTitle"
28
+ v-if="subTitle && titleType !== 'five'"
29
+ style="margin-left: 16rpx"
30
+ >{{ subTitle }}</view
31
+ >
32
+ </view>
33
+ <view :style="[titleStyle,solidStyle]" v-else>
34
+ {{ title }}
35
+ </view>
36
+ <view
37
+ class="more"
38
+ :style="[moreStyle]"
39
+ v-if="isMore && titleType !== 'three' && titleType !== 'five'"
40
+ >
41
+ <view v-if="titleType !== 'two'">{{ moreName }}</view>
42
+ <xd-font-icon icon="iconxiangyou_xian" :size="24"></xd-font-icon>
43
+ </view>
44
+ <view class="subTitle" v-if="subTitle && titleType === 'five'">{{
45
+ subTitle
46
+ }}</view>
47
+ <view style="height: 40rpx" v-if="showBlock"></view>
48
+ </view>
49
+ </template>
50
+
51
+ <script>
52
+ import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
53
+ export default {
54
+ name: "title",
55
+ components: {
56
+ XdFontIcon,
57
+ },
58
+ props: {
59
+ title: {
60
+ type: String,
61
+ default: "",
62
+ },
63
+ subTitle: {
64
+ type: String,
65
+ default: "",
66
+ },
67
+ moreName: {
68
+ type: String,
69
+ default: "",
70
+ },
71
+ wrapStyle: {
72
+ type: Array,
73
+ default: () => {
74
+ return [];
75
+ },
76
+ },
77
+ titleStyle: {
78
+ type: Object,
79
+ default: () => {
80
+ return {}
81
+ },
82
+ },
83
+ moreStyle: {
84
+ type: Object,
85
+ default: () => {
86
+ return {}
87
+ },
88
+ },
89
+ isMore: {
90
+ type: Boolean,
91
+ default: false,
92
+ },
93
+ titleType: {
94
+ type: String,
95
+ default: "default",
96
+ },
97
+ },
98
+ computed: {
99
+ positionStyle() {
100
+ if (this.titleType === "three" || this.titleType === "two") {
101
+ return {
102
+ position: "relative",
103
+ left: "50%",
104
+ transform: "translateX(-50%)",
105
+ display: "flex",
106
+ flexDirection: "column",
107
+ alignItems: "center",
108
+ };
109
+ }
110
+ },
111
+ solidStyle() {
112
+ return {
113
+ background: "#333333",
114
+ // color: "#fff",
115
+ position: "absolute",
116
+ left: 0,
117
+ // height: "80%",
118
+ borderRadius: "0 40rpx 40rpx 0",
119
+ padding: "20rpx 24rpx 20rpx 16rpx",
120
+ display: "flex",
121
+ alignItems: "center",
122
+ };
123
+ },
124
+ wrapCss() {
125
+ let wrapStyle = this.wrapStyle;
126
+ if (this.titleType === "four" || this.titleType === "five") {
127
+ wrapStyle.push({
128
+ justifyContent: "flex-end",
129
+ });
130
+ }
131
+ return wrapStyle;
132
+ },
133
+ showBlock() {
134
+ //占位，4、5布局下没有副标题并且没有更多时起到支撑父元素作用
135
+ if (
136
+ (this.titleType === "four" && !this.isMore) ||
137
+ (this.titleType === "five" && !this.subTitle)
138
+ ) {
139
+ return true;
140
+ }
141
+ return false;
142
+ },
143
+ },
144
+ };
145
+ </script>
146
+
147
+ <style lang="scss" scoped>
148
+ .title-wrap {
149
+ display: flex;
150
+ justify-content: space-between;
151
+ align-items: center;
152
+ position: relative;
153
+ }
154
+ .more {
155
+ display: flex;
156
+ align-items: center;
157
+ }
158
+ .title {
159
+ display: flex;
160
+ align-items: center;
161
+ }
162
+ .line {
163
+ width: 8rpx;
164
+ height: 32rpx;
165
+ background: #333333;
166
+ margin-right: 12rpx;
167
+ border-radius: 20rpx;
168
+ }
169
+ .subTitle {
170
+ color: #999999;
171
+ font-size: 24rpx;
172
+ font-weight: 400;
173
+ }
174
+ </style>
package/src/components/JfbMallSpecialProduct/cusAttr/advanced.js ADDED
@@ -0,0 +1,21 @@
1
+ import {
2
+ dataVal,
3
+ } from "@/utils/AttrTools";
4
+ export default (data, gValue, gColor, oldData = {}) => {
5
+ return [
6
+ {
7
+ label: '商品详情',
8
+ ele: 'xd-select-pages-path',
9
+ labelInline: true,
10
+ valueKey: 'productInfoPath',
11
+ placeholder: '请选择商品详情跳转页面',
12
+ value: dataVal({ data, key: 'productInfoPath', dValue: null, gValue }),
13
+ groupKey: 'advanced',
14
+ className: 'input100',
15
+ setting: {
16
+ mode: 'new',
17
+ router: XdBus.getParentApi('getPagesTree'),
18
+ },
19
+ },
20
+ ].filter(i => i);
21
+ }