jufubao-mall 2.0.20-beta1 → 2.0.20-beta10
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/package.json +1 -1
- package/src/components/CusProduct/CusProduct.vue +0 -1
- package/src/components/JfbMallBrandHome/JfbMallBrandHome.vue +19 -15
- package/src/components/JfbMallBrandWall/JfbMallBrandWall.vue +135 -84
- package/src/components/JfbMallBrandWall/cusAttr/brand.js +4 -4
- package/src/components/JfbMallBrandWall/cusAttr/content.js +13 -11
- package/src/components/JfbMallBrandWall/cusAttr/tab.js +38 -48
- package/src/components/JfbMallHomeProductList/JfbMallHomeProductList.vue +1 -1
- package/src/components/JfbMallProductInfo/JfbMallProductInfo.vue +27 -23
- package/src/components/JfbMallProductInfoV2/JfbMallProductInfoV2.vue +1 -1
- package/src/components/JfbMallProductList/Api.js +7 -7
- package/src/components/JfbMallProductList/ComFilterQuery.vue +33 -14
- package/src/components/JfbMallProductList/JfbMallProductList.vue +90 -22
- package/src/components/JfbMallProductList/Mock.js +12 -123
- package/src/components/JfbMallProductList/XdCateV1.vue +74 -29
- package/src/components/JfbMallProductList/XdCateV2.vue +29 -5
- package/src/components/JfbMallProductList/cateMixins.js +15 -2
- package/src/components/JfbMallProductList/cusAttr/content.js +67 -3
- package/src/components/JfbMallProductList/cusAttr/filter.js +6 -3
- package/src/components/JfbMallProductList/cusAttr/icon.js +90 -21
- package/src/components/JfbMallRecommendProduct/cusAttr/style.js +4 -1
package/package.json
CHANGED
|
@@ -805,7 +805,7 @@
|
|
|
805
805
|
jfbRootExec("getBrandHomeInfo", {
|
|
806
806
|
vm: this,
|
|
807
807
|
data: {
|
|
808
|
-
|
|
808
|
+
//...this.options,
|
|
809
809
|
brand_id: this.brand_id,
|
|
810
810
|
xnamespace: this.xnamespace
|
|
811
811
|
}
|
|
@@ -910,20 +910,24 @@
|
|
|
910
910
|
page_size = this.show_shop_num;
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
|
+
let data = this.$xdUniHelper.deleteParamEmptyKey({
|
|
914
|
+
consume_mode: "SELL",
|
|
915
|
+
...this.options,
|
|
916
|
+
brand_id: this.brand_id,
|
|
917
|
+
city_code: this.stateCity.city_code,
|
|
918
|
+
latitude: this.stateLocation.latitude,
|
|
919
|
+
longitude: this.stateLocation.longitude,
|
|
920
|
+
page_size: page_size,
|
|
921
|
+
page_token: this.shop_page_token,
|
|
922
|
+
region_limit_tpl_id: this.region_limit_tpl_id,
|
|
923
|
+
namespace: this.xnamespace,
|
|
924
|
+
});
|
|
925
|
+
|
|
926
|
+
if(data['brand_type']) delete data['brand_type'];
|
|
927
|
+
|
|
913
928
|
jfbRootExec("getMallBrandHomeShopList", {
|
|
914
929
|
vm: this,
|
|
915
|
-
data:
|
|
916
|
-
consume_mode: "SELL",
|
|
917
|
-
...this.options,
|
|
918
|
-
brand_id: this.brand_id,
|
|
919
|
-
city_code: this.stateCity.city_code,
|
|
920
|
-
latitude: this.stateLocation.latitude,
|
|
921
|
-
longitude: this.stateLocation.longitude,
|
|
922
|
-
page_size: page_size,
|
|
923
|
-
page_token: this.shop_page_token,
|
|
924
|
-
region_limit_tpl_id: this.region_limit_tpl_id,
|
|
925
|
-
namespace: this.xnamespace,
|
|
926
|
-
})
|
|
930
|
+
data: data
|
|
927
931
|
}).then(res => {
|
|
928
932
|
this.loaded = true;
|
|
929
933
|
let list = res.list.map(item=>{
|
|
@@ -1284,7 +1288,7 @@
|
|
|
1284
1288
|
background:#fff;
|
|
1285
1289
|
padding: 32rpx 40rpx 40rpx 40rpx;
|
|
1286
1290
|
border-radius: 8rpx;
|
|
1287
|
-
margin-bottom: 20rpx;
|
|
1291
|
+
margin-bottom: 20rpx;
|
|
1288
1292
|
}
|
|
1289
1293
|
&_brand_info {
|
|
1290
1294
|
position: relative;
|
|
@@ -1374,7 +1378,7 @@
|
|
|
1374
1378
|
}
|
|
1375
1379
|
}
|
|
1376
1380
|
}
|
|
1377
|
-
|
|
1381
|
+
|
|
1378
1382
|
}
|
|
1379
1383
|
}
|
|
1380
1384
|
</style>
|
|
@@ -22,12 +22,13 @@
|
|
|
22
22
|
<scroll-view
|
|
23
23
|
:scroll-x="layout==='v1'"
|
|
24
24
|
:scroll-y="layout==='v2'"
|
|
25
|
-
:style="{height:layout==='v2'?tabStyleComp.height:'auto'}"
|
|
25
|
+
:style="{height:layout==='v2'? tabStyleComp.height:'auto'}"
|
|
26
26
|
:class="{'tab-linex':layout==='v1' && hStyle ==='v3'}"
|
|
27
27
|
>
|
|
28
28
|
<view
|
|
29
29
|
class="tab_list"
|
|
30
30
|
:class="{hStyle: layout === 'v1'}"
|
|
31
|
+
:style="[tabListComp]"
|
|
31
32
|
v-if="loaded"
|
|
32
33
|
>
|
|
33
34
|
<view
|
|
@@ -46,7 +47,7 @@
|
|
|
46
47
|
|| (layout === 'v1' && ['v2','v3'].includes(hStyle))"
|
|
47
48
|
class="lineCom"
|
|
48
49
|
:class="{lineSmall: ['v3'].includes(hStyle)}"
|
|
49
|
-
:style="{backgroundColor: i === tabIndex?
|
|
50
|
+
:style="{backgroundColor: i === tabIndex?tabActItemNameStyle.color:'rgba(0,0,0,0)'}"
|
|
50
51
|
></view>
|
|
51
52
|
<view :style="[i === tabIndex?tabActItemNameStyle:tabItemNameStyle]">{{tab.input}}</view>
|
|
52
53
|
</view>
|
|
@@ -91,7 +92,11 @@
|
|
|
91
92
|
<template v-if="brand.isEmpty === undefined">
|
|
92
93
|
<view
|
|
93
94
|
class="brand_icon"
|
|
94
|
-
:class="
|
|
95
|
+
:class="{
|
|
96
|
+
'brand_icon3': (layout === 'v1' && contentCell===3) || layout === 'v2',
|
|
97
|
+
'brand_icon4': layout === 'v1' && contentCell===4,
|
|
98
|
+
'brand_icon5': layout === 'v1' && contentCell===5 ,
|
|
99
|
+
}"
|
|
95
100
|
:style="[brandItemIconStyle]
|
|
96
101
|
">
|
|
97
102
|
<image v-if="brand.status===true" @error="brand.status = false" :src="brand.brand_icon" mode="aspectFill"></image>
|
|
@@ -199,14 +204,15 @@
|
|
|
199
204
|
|
|
200
205
|
//选项卡信息
|
|
201
206
|
titleBgc: '',
|
|
202
|
-
tabPadding:{}
|
|
207
|
+
tabPadding:{},//选项卡填充
|
|
203
208
|
titleStyle:{},
|
|
204
209
|
titleRadius:0,
|
|
205
210
|
titleShadow:'',
|
|
206
211
|
titleBorder:0,
|
|
207
212
|
titleBorderWidth:0,
|
|
208
213
|
titleBgcActColor:'',
|
|
209
|
-
titlePadding: 0,
|
|
214
|
+
titlePadding: 0, //内容与选项卡填充
|
|
215
|
+
titleSp: 0, //选项卡间距
|
|
210
216
|
|
|
211
217
|
|
|
212
218
|
//内容
|
|
@@ -245,7 +251,7 @@
|
|
|
245
251
|
skeletonStyle(){
|
|
246
252
|
let margin = 0;
|
|
247
253
|
if(this.layout === 'v1') {
|
|
248
|
-
margin = '
|
|
254
|
+
margin = '0rpx 24rpx 0rpx 0';
|
|
249
255
|
}
|
|
250
256
|
if(this.layout === 'v2') {
|
|
251
257
|
margin = '12rpx'
|
|
@@ -263,7 +269,10 @@
|
|
|
263
269
|
}
|
|
264
270
|
},
|
|
265
271
|
showTabs(){
|
|
266
|
-
let tabs = this.$xdUniHelper.cloneDeep(this.newLabel).filter(item=>
|
|
272
|
+
let tabs = this.$xdUniHelper.cloneDeep(this.newLabel).filter(item=>{
|
|
273
|
+
return item.check === true
|
|
274
|
+
});
|
|
275
|
+
|
|
267
276
|
//线下签是否展示通过后台控制
|
|
268
277
|
if(this.has_sell) return tabs;
|
|
269
278
|
else return tabs.filter(item => item.value !== 'sell');
|
|
@@ -276,7 +285,6 @@
|
|
|
276
285
|
outWdith += 172;
|
|
277
286
|
if(this.titleBorderWidth) outWdith += this.titleBorderWidth * 2;
|
|
278
287
|
if(this.titleBorderWidth === 0 && this.vStyle === 'v1') outWdith +=2
|
|
279
|
-
outWdith += this.getPMValue(this.tabPadding, 'RL', 0);
|
|
280
288
|
}
|
|
281
289
|
outWdith += this.getPMValue(this.listMargin, 'RL',0);
|
|
282
290
|
outWdith += this.getPMValue(this.listPadding, 'RL',0);
|
|
@@ -291,12 +299,6 @@
|
|
|
291
299
|
marginTop: this.bindSize + 'rpx'
|
|
292
300
|
}
|
|
293
301
|
},
|
|
294
|
-
brandIconClass(){
|
|
295
|
-
let cssName = {};
|
|
296
|
-
if(this.layout === 'v1') cssName = {brand_icon3: this.contentCell === 3,brand_icon4: this.contentCell === 4,brand_icon5: this.contentCell === 5};
|
|
297
|
-
if(this.layout === 'v2') cssName = {brand_icon5: true}
|
|
298
|
-
return cssName
|
|
299
|
-
},
|
|
300
302
|
brandItemIconStyle(){
|
|
301
303
|
return {
|
|
302
304
|
width: this.getItemWH,
|
|
@@ -351,9 +353,6 @@
|
|
|
351
353
|
if(['v1', 'v2'].includes(this.vStyle)) {
|
|
352
354
|
style['height'] = `${this.layoutInfo.bodyMinHeightPx - outHeight}px`;
|
|
353
355
|
}
|
|
354
|
-
// if(['v2', 'v4'].includes(this.vStyle)) {
|
|
355
|
-
// style['max-height'] = `${this.layoutInfo.bodyMinHeightPx - outHeight}px`;
|
|
356
|
-
// }
|
|
357
356
|
style['overflowY'] = 'auto';
|
|
358
357
|
style['overflowX'] = 'hidden';
|
|
359
358
|
}
|
|
@@ -366,7 +365,7 @@
|
|
|
366
365
|
let style = {}
|
|
367
366
|
//上下结构
|
|
368
367
|
if(this.layout === 'v1') {
|
|
369
|
-
|
|
368
|
+
|
|
370
369
|
if(!this.isPreview) {
|
|
371
370
|
style['position'] = 'fixed';
|
|
372
371
|
style['zIndex'] = '10';
|
|
@@ -380,26 +379,60 @@
|
|
|
380
379
|
style['width'] = '172rpx';
|
|
381
380
|
style['flexShrink'] = 0;
|
|
382
381
|
style['overflow'] = 'hidden';
|
|
383
|
-
style['padding'] =
|
|
382
|
+
style['padding'] = 0;
|
|
384
383
|
|
|
385
384
|
if(['v1', 'v2'].includes(this.vStyle)) {
|
|
386
385
|
let tb = this.getPMValue(this.bodyPadding, 'TB', 0) * this.$rpxNum + this.titleBorderWidth * 2 *this.$rpxNum;
|
|
387
|
-
tb += this.getPMValue(this.tabPadding, 'TB', 0) * this.$rpxNum
|
|
388
386
|
style['height'] = `calc(${ this.layoutInfo.bodyMinHeightPx}px - ${tb}px)`;
|
|
389
387
|
style['borderRadius'] = `0 ${this.titleRadius}rpx ${this.titleRadius}rpx 0`;
|
|
390
388
|
}
|
|
391
389
|
}
|
|
392
390
|
return style;
|
|
393
391
|
},
|
|
392
|
+
tabListComp(){
|
|
393
|
+
let temp = {};
|
|
394
|
+
if(['v1','v2'].includes(this.layout)) {
|
|
395
|
+
temp['paddingLeft'] = (this.tabPadding.left || 0) + 'rpx';
|
|
396
|
+
temp['paddingRight'] = (this.tabPadding.right || 0) + 'rpx';
|
|
397
|
+
temp['paddingBottom'] = (this.tabPadding.bottom || 0) + 'rpx';
|
|
398
|
+
temp['paddingTop'] = (this.tabPadding.top || 0) + 'rpx';
|
|
399
|
+
}
|
|
400
|
+
return temp
|
|
401
|
+
},
|
|
394
402
|
tabStyleComp(){
|
|
403
|
+
let border = {};
|
|
404
|
+
if(this.layout === 'v2') border = {border: this.titleBorder}
|
|
405
|
+
else border = {borderBottom: this.titleBorder}
|
|
395
406
|
return {
|
|
396
407
|
boxShadow: this.titleShadow,
|
|
397
|
-
|
|
408
|
+
...border,
|
|
398
409
|
backgroundColor: this.titleBgc,
|
|
399
|
-
|
|
410
|
+
//在模版二不使用内容与选项卡直接间距
|
|
411
|
+
marginBottom: this.layout === 'v2'?0:this.titlePadding + 'rpx',
|
|
400
412
|
...this.getTabHeight,
|
|
401
413
|
};
|
|
402
414
|
},
|
|
415
|
+
getTabItemHeight(){
|
|
416
|
+
if(this.layout === 'v1'){
|
|
417
|
+
return {
|
|
418
|
+
height: '60rpx',
|
|
419
|
+
lineHeight:'60rpx',
|
|
420
|
+
marginRight: this.titleSp + 'rpx',
|
|
421
|
+
minWidth: '80rpx'
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
if(this.layout === 'v2'){
|
|
426
|
+
return {
|
|
427
|
+
height: '100rpx',
|
|
428
|
+
lineHeight: '100rpx',
|
|
429
|
+
borderRadius:'0',
|
|
430
|
+
fontSize:'24rpx',
|
|
431
|
+
marginBottom: this.titleSp + 'rpx'
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
},
|
|
403
436
|
tabItemStyleComp(){
|
|
404
437
|
let style = {
|
|
405
438
|
color: this.titleStyle.color,
|
|
@@ -418,34 +451,12 @@
|
|
|
418
451
|
}
|
|
419
452
|
return style
|
|
420
453
|
},
|
|
421
|
-
getTabItemHeight(){
|
|
422
|
-
if(this.layout === 'v1'){
|
|
423
|
-
return {
|
|
424
|
-
height:['v1'].includes(this.hStyle) ?'60rpx' : '108rpx',
|
|
425
|
-
lineHeight: ['v1'].includes(this.hStyle) ?'60rpx' : '108rpx',
|
|
426
|
-
marginRight: this.titleSp + 'rpx',
|
|
427
|
-
}
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
if(this.layout === 'v2'){
|
|
431
|
-
return {
|
|
432
|
-
height: '100rpx',
|
|
433
|
-
lineHeight: '100rpx',
|
|
434
|
-
borderRadius:'0',
|
|
435
|
-
fontSize:'24rpx',
|
|
436
|
-
marginBottom: this.titlePadding + 'rpx'
|
|
437
|
-
}
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
},
|
|
441
|
-
|
|
442
454
|
tabActItemStyleComp(){
|
|
443
455
|
let style = {
|
|
444
456
|
color: this.titleStyle.actColor,
|
|
445
457
|
fontWeight: this.titleStyle.actFontWeight,
|
|
446
458
|
};
|
|
447
459
|
if(this.layout === 'v2') {
|
|
448
|
-
style['fontSize'] = '24rpx';
|
|
449
460
|
style = {...style,...this.getTabItemHeight}
|
|
450
461
|
if(['v2'].includes(this.vStyle)) {
|
|
451
462
|
if(this.titleStyle.actBgColor) style['backgroundColor'] = this.titleStyle.actBgColor;
|
|
@@ -463,22 +474,54 @@
|
|
|
463
474
|
}
|
|
464
475
|
return style
|
|
465
476
|
},
|
|
477
|
+
|
|
466
478
|
tabItemNameStyle(){
|
|
467
|
-
if(this.layout === 'v2') return {
|
|
479
|
+
if(this.layout === 'v2') return {
|
|
480
|
+
fontSize: parseInt(this.titleStyle.fontSize) + 'rpx',
|
|
481
|
+
fontWeight: this.titleStyle.fontWeight,
|
|
482
|
+
color: this.titleStyle.color,
|
|
483
|
+
}
|
|
468
484
|
return {
|
|
469
485
|
borderRadius:['v1'].includes(this.hStyle)?'60rpx': 0,
|
|
470
486
|
backgroundColor: ['v1'].includes(this.hStyle) ? this.titleStyle.bgColor:'',
|
|
471
487
|
color: this.titleStyle.color,
|
|
472
488
|
padding:'0 32rpx',
|
|
473
|
-
fontSize: this.titleStyle.fontSize + 'rpx',
|
|
489
|
+
fontSize: parseInt(this.titleStyle.fontSize) + 'rpx',
|
|
474
490
|
fontWeight: this.titleStyle.fontWeight,
|
|
475
491
|
}
|
|
476
492
|
},
|
|
477
493
|
tabActItemNameStyle(){
|
|
478
|
-
if(this.layout === 'v2') return {}
|
|
479
494
|
let bgColor = '';
|
|
480
495
|
let bgImage = 'none';
|
|
496
|
+
let color = this.mainColor;
|
|
497
|
+
if(this.layout === 'v2') {
|
|
498
|
+
if(['v2'].includes(this.vStyle)) {
|
|
499
|
+
//选项卡标签文字颜色
|
|
500
|
+
if(this.titleStyle.actColor) color = this.titleStyle.actColor;
|
|
501
|
+
else color = '#fff';
|
|
502
|
+
|
|
503
|
+
//选项卡标签背景颜色
|
|
504
|
+
if(this.titleStyle.actBgColor) bgColor = this.titleStyle.actBgColor;
|
|
505
|
+
else {
|
|
506
|
+
if(this.mainGradient && this.mainGradient.indexOf('gradient') !== -1) bgImage = this.mainGradient;
|
|
507
|
+
else bgColor = this.mainColor;
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
return {
|
|
512
|
+
backgroundColor: bgColor,
|
|
513
|
+
color: color,
|
|
514
|
+
fontSize: parseInt(this.titleStyle.actFontSize) + 'rpx',
|
|
515
|
+
fontWeight: this.titleStyle.actFontWeight,
|
|
516
|
+
}
|
|
517
|
+
}
|
|
518
|
+
|
|
481
519
|
if(['v1'].includes(this.hStyle)) {
|
|
520
|
+
//选项卡标签文字颜色
|
|
521
|
+
if(this.titleStyle.actColor) color = this.titleStyle.actColor;
|
|
522
|
+
else color = '#fff';
|
|
523
|
+
|
|
524
|
+
//选项卡标签背景颜色
|
|
482
525
|
if(this.titleStyle.actBgColor) bgColor = this.titleStyle.actBgColor;
|
|
483
526
|
else {
|
|
484
527
|
if(this.mainGradient && this.mainGradient.indexOf('gradient') !== -1) bgImage = this.mainGradient;
|
|
@@ -490,8 +533,8 @@
|
|
|
490
533
|
backgroundColor: bgColor,
|
|
491
534
|
backgroundImage: bgImage,
|
|
492
535
|
padding: '0 32rpx',
|
|
493
|
-
color:
|
|
494
|
-
fontSize:
|
|
536
|
+
color: color,
|
|
537
|
+
fontSize: parseInt(this.titleStyle.actFontSize) + 'rpx',
|
|
495
538
|
fontWeight: this.titleStyle.actFontWeight,
|
|
496
539
|
}
|
|
497
540
|
},
|
|
@@ -514,9 +557,6 @@
|
|
|
514
557
|
this.$nextTick()
|
|
515
558
|
},
|
|
516
559
|
methods: {
|
|
517
|
-
tr() {
|
|
518
|
-
return tr
|
|
519
|
-
},
|
|
520
560
|
onJfbLoad(options) {
|
|
521
561
|
//设置业务请求代码
|
|
522
562
|
this.setNameSpace(options);
|
|
@@ -562,7 +602,8 @@
|
|
|
562
602
|
]
|
|
563
603
|
let newLabel = this.$xdUniHelper.cloneDeep(gCPVal(container, 'newLabel', []))
|
|
564
604
|
.filter(item=>{
|
|
565
|
-
|
|
605
|
+
//更古老数据,相对新数据
|
|
606
|
+
return item['isShow'] === undefined || item['isShow'] === true
|
|
566
607
|
})
|
|
567
608
|
.sort((a,b)=>Number(a.sort)-Number(b.sort))
|
|
568
609
|
.map(item=>{
|
|
@@ -572,6 +613,7 @@
|
|
|
572
613
|
item['check'] = item['isShow'];
|
|
573
614
|
delete item['isShow'];
|
|
574
615
|
}
|
|
616
|
+
else item['check'] = true;
|
|
575
617
|
if(item['newLabel'] !== undefined || item['label'] !== undefined) {
|
|
576
618
|
item['input'] = item['newLabel'] || item['label'];
|
|
577
619
|
delete item['newLabel'];
|
|
@@ -579,8 +621,20 @@
|
|
|
579
621
|
}
|
|
580
622
|
return item
|
|
581
623
|
});
|
|
582
|
-
|
|
624
|
+
let defValues = {
|
|
625
|
+
all: '全部',
|
|
626
|
+
sell:'线下',
|
|
627
|
+
code:'电子码',
|
|
628
|
+
stod:'线上',
|
|
629
|
+
'stod-samecity':'同城配送',
|
|
630
|
+
"stod-logistics":'快递配送',
|
|
631
|
+
'stod-takeout':'门店自提'
|
|
632
|
+
}
|
|
583
633
|
|
|
634
|
+
this.newLabel = gCPVal(container, 'tabContent', newLabel.length > 0 ? newLabel: defNewLabel).map(item=>{
|
|
635
|
+
if(item.input === '') item.input = defValues[item.value];
|
|
636
|
+
return item
|
|
637
|
+
});
|
|
584
638
|
|
|
585
639
|
//常规
|
|
586
640
|
let defBodyPadding= 0;
|
|
@@ -616,12 +670,10 @@
|
|
|
616
670
|
else defListPadding = {top:40,left:40, right:40, bottom:40};
|
|
617
671
|
}
|
|
618
672
|
|
|
673
|
+
let defListMargin = 0;
|
|
674
|
+
if(this.layout === 'v2' && this.vStyle === 'v2') defListMargin = 24;
|
|
675
|
+
|
|
619
676
|
this.listPadding = gCPVal(container, 'listPadding', [defListPadding,24], {sKey: 'listPaddingStatus', fields: ['listPadding'], isPMR: true});
|
|
620
|
-
let defListMargin= 0;
|
|
621
|
-
if(this.layout === 'v2'){
|
|
622
|
-
//if(['v3', 'v4'].includes(this.vStyle)) defListMargin = {top:0,left:24, right:0, bottom:0}
|
|
623
|
-
if(['v2'].includes(this.vStyle)) defListMargin = {top:24,left:24, right:24, bottom:24}
|
|
624
|
-
}
|
|
625
677
|
this.listMargin = gCPVal(container, 'listMargin', [defListMargin,0], {sKey: 'listMarginStatus', fields: ['listMargin'], isPMR: true});
|
|
626
678
|
this.contRadius = gCPVal(container, 'contRadius', [this.gStyleValue.radius,0],{sKey: 'contRadiusStatus', fields: ['contRadius']})||0;
|
|
627
679
|
|
|
@@ -631,18 +683,11 @@
|
|
|
631
683
|
let defTabPadding = 0;
|
|
632
684
|
let oldTabPadding = 0;
|
|
633
685
|
if(this.layout === 'v2') {
|
|
634
|
-
if(['v2', 'v1'].includes(this.vStyle)) defTabPadding = {top:0,left:0, right:0, bottom:0};
|
|
635
686
|
if(['v1'].includes(this.vStyle)) defTitleBgc = '#f8f8f8';
|
|
636
687
|
}
|
|
637
688
|
if(this.layout === 'v1') {
|
|
638
|
-
defTabPadding = {top:
|
|
639
|
-
oldTabPadding = {top:
|
|
640
|
-
|
|
641
|
-
if(['v1'].includes(this.hStyle)) {
|
|
642
|
-
defTabPadding = {top:24,left:32, right:0, bottom:24};
|
|
643
|
-
oldTabPadding = {top:24,left:32, right:0, bottom:24};
|
|
644
|
-
}
|
|
645
|
-
|
|
689
|
+
defTabPadding = {top:24,left:32, right:32, bottom:24};
|
|
690
|
+
oldTabPadding = {top:40,left:40, right:40, bottom:40};
|
|
646
691
|
}
|
|
647
692
|
this.tabPadding = gCPVal(container, 'tabPadding', [defTabPadding,oldTabPadding], {sKey: 'tabPaddingStatus', fields: ['tabPadding'], isPMR: true});
|
|
648
693
|
this.titleBgc = gCPVal(container, 'titleBgc', [defTitleBgc,'#fff'],{sKey: 'titleBgcStatus', fields: ['titleBgc']});
|
|
@@ -653,7 +698,7 @@
|
|
|
653
698
|
let titleStyleStatus = gCPVal(container, 'titleStyleStatus', '');
|
|
654
699
|
if(titleStyleStatus === 'D') titleActColor = '';
|
|
655
700
|
let mainColor = titleActColor || this.mainColor;
|
|
656
|
-
if(this.layout === 'v1' && this.hStyle === 'v1') mainColor = '#fff';
|
|
701
|
+
//if(this.layout === 'v1' && this.hStyle === 'v1') mainColor = '#fff';
|
|
657
702
|
if(this.layout === 'v2' && this.vStyle === 'v2') mainColor = '#fff';
|
|
658
703
|
this.titleStyle = gCPVal(
|
|
659
704
|
container,
|
|
@@ -661,16 +706,16 @@
|
|
|
661
706
|
[{
|
|
662
707
|
color: titleColor || '#333',
|
|
663
708
|
bgColor: titleBgcColor || '#fff' ,
|
|
664
|
-
fontSize: '32',
|
|
709
|
+
fontSize: this.layout === 'v2' ?'24':'32',
|
|
665
710
|
fontWeight: '400',
|
|
666
|
-
actColor:
|
|
667
|
-
actFontWeight: '
|
|
668
|
-
actFontSize: '32',
|
|
669
|
-
actBgColor:
|
|
711
|
+
actColor: titleActColor || '',
|
|
712
|
+
actFontWeight: '500',
|
|
713
|
+
actFontSize: this.layout === 'v2' ?'24':'32',
|
|
714
|
+
actBgColor:this.titleBgcActColor || '',
|
|
670
715
|
}],
|
|
671
716
|
{sKey:'titleStyleStatus',fields:['titleStyle'],isMerge: true},
|
|
672
717
|
);
|
|
673
|
-
this.titleShadow = gCPVal(container, 'titleShadow', [this.gStyleValue.shadow,'none'], {isShadow:true, bsOld:['isTitleShadow','isTitleShadowBgcW','isTitleShadowBgc']});
|
|
718
|
+
this.titleShadow = gCPVal(container, 'titleShadow', [this.gStyleValue.shadow , 'none'], {isShadow:true, bsOld:['isTitleShadow','isTitleShadowBgcW','isTitleShadowBgc']});
|
|
674
719
|
this.titleBorder = gCPVal(container, 'titleBorder', [{color: '#eee', width: '0', style: 'solid'},{color: '#eee', width: '0', style: 'solid'}], {isBorder:true, bsOld:['isTitleBorder','isTitleBorderW','isTitleBorderColor']});
|
|
675
720
|
this.titleBorderWidth = gCPVal(container, 'titleBorder', [{color: '#eee', width: '0', style: 'solid'},{color: '#eee', width: '0', style: 'solid'}], {isBorder:true,isBsWidth: true, bsOld:['isTitleBorder','isTitleBorderW','isTitleBorderColor']});
|
|
676
721
|
|
|
@@ -679,16 +724,16 @@
|
|
|
679
724
|
if(['v1','v2'].includes(this.vStyle)) defTitleRadius = '0';
|
|
680
725
|
}
|
|
681
726
|
this.titleRadius = gCPVal(container, 'titleRadius', [defTitleRadius,this.gStyleValue.radius,'0'],{sKey: 'titleRadiusStatus', fields: ['titleRadius']})||0;
|
|
682
|
-
this.titlePadding = gCPVal(container, 'titlePadding',
|
|
683
|
-
this.titleSp = gCPVal(container, 'titleSp', [48, 0],{sKey: 'titleSpStatus', fields: ['titleSp']});
|
|
727
|
+
this.titlePadding = gCPVal(container, 'titlePadding', 0,{sKey: 'titlePaddingStatus', fields: ['titlePadding']});
|
|
728
|
+
this.titleSp = gCPVal(container, 'titleSp', [(this.layout === 'v2'?0:48), 0],{sKey: 'titleSpStatus', fields: ['titleSp']});
|
|
684
729
|
|
|
685
730
|
//内容
|
|
686
731
|
this.contentBgc = gCPVal(container, 'contentBgc', '#fff',{sKey: 'contentBgcStatus', fields: ['contentBgc']} );
|
|
687
732
|
let contentPadding = gCPVal(container, 'contentPadding',''), bindSize = 68;
|
|
688
733
|
if(this.layout === 'v1' && this.contentCell === 3) bindSize = 28;
|
|
689
734
|
if(this.layout === 'v1' && this.contentCell === 5) bindSize = 60;
|
|
690
|
-
if(contentPadding) bindSize =
|
|
691
|
-
this.bindSize =
|
|
735
|
+
if(contentPadding) bindSize = 112 - Number(contentPadding);
|
|
736
|
+
this.bindSize = 112 - Number(gCPVal(container, 'bindSize', [bindSize,68],{sKey: 'bindSizeStatus', fields: ['bindSize']}));
|
|
692
737
|
this.radius = gCPVal(container, 'radius', [this.gStyleValue.radius,0],{sKey: 'radiusStatus', fields: ['radius']})||0;
|
|
693
738
|
this.brandShadow = gCPVal(container, 'brandShadow', [this.gStyleValue.shadow,'none'], {isShadow:true, bsOld:['isContShadow','isContShadowBgcW','isContShadowBgc']});
|
|
694
739
|
this.brandBorder = gCPVal(container, 'brandBorder', [{color: '#f8f8f8', width: '2', style: 'solid'},{color: '#eee', width: '0', style: 'solid'}], {isBorder:true, bsOld:['isContBorder','isContBorderW','isContBorderColor']});
|
|
@@ -696,8 +741,8 @@
|
|
|
696
741
|
container,
|
|
697
742
|
"brandStyle",
|
|
698
743
|
[{
|
|
699
|
-
color: gCPVal(container, 'brandNameColor', '') || '#
|
|
700
|
-
fontSize: '
|
|
744
|
+
color: gCPVal(container, 'brandNameColor', '') || '#666',
|
|
745
|
+
fontSize: '28rpx',
|
|
701
746
|
fontWeight: '400',
|
|
702
747
|
}],
|
|
703
748
|
{sKey:'brandStyleStatus',fields:['brandStyle'],isMerge: true},
|
|
@@ -730,8 +775,10 @@
|
|
|
730
775
|
|
|
731
776
|
switchTab(i){
|
|
732
777
|
this.tabIndex = i;
|
|
778
|
+
this.brandList = null
|
|
733
779
|
this.getList();
|
|
734
780
|
},
|
|
781
|
+
|
|
735
782
|
getList(){
|
|
736
783
|
this.$xdShowLoading({});
|
|
737
784
|
let params = {
|
|
@@ -742,9 +789,9 @@
|
|
|
742
789
|
if(this.isCityFilter === "Y") params['city_code'] = this.stateCity.city_code;
|
|
743
790
|
else params['city_code'] = '';
|
|
744
791
|
if(this.category_ids && this.category_ids.length > 0) params['category_ids'] = this.category_ids.join(",");
|
|
792
|
+
|
|
745
793
|
jfbRootExec("getNewBrandWallList", {vm: this,data: params}).then(res => {
|
|
746
794
|
this.$xdHideLoading();
|
|
747
|
-
|
|
748
795
|
let brandList = res.items.map(item => {
|
|
749
796
|
item['brand_icon'] = item.brand_icon ? getServiceUrl(item.brand_icon, "size2") : "";
|
|
750
797
|
item['status'] = true;
|
|
@@ -753,7 +800,10 @@
|
|
|
753
800
|
|
|
754
801
|
//补缺
|
|
755
802
|
if(brandList.length >0) {
|
|
756
|
-
let differences =
|
|
803
|
+
let differences = 0;
|
|
804
|
+
if( brandList.length % this.contentCell > 0) {
|
|
805
|
+
differences = this.contentCell - brandList.length % this.contentCell
|
|
806
|
+
}
|
|
757
807
|
for(let i =0; i < differences; i++) {
|
|
758
808
|
brandList.push({isEmpty: true});
|
|
759
809
|
}
|
|
@@ -772,6 +822,7 @@
|
|
|
772
822
|
})
|
|
773
823
|
})
|
|
774
824
|
},
|
|
825
|
+
|
|
775
826
|
toBrand(brand){
|
|
776
827
|
if(this.isPreview) return;
|
|
777
828
|
let { params , brand_id} = brand;
|
|
@@ -856,7 +907,7 @@
|
|
|
856
907
|
left: 50%;
|
|
857
908
|
width: 64rpx;
|
|
858
909
|
transform: translateX(-50%);
|
|
859
|
-
bottom: 16rpx;
|
|
910
|
+
bottom: -16rpx;
|
|
860
911
|
height: 6rpx;
|
|
861
912
|
border-radius: 4rpx;
|
|
862
913
|
}
|
|
@@ -55,13 +55,13 @@ export default (data, gValue, gColor, oldData)=>{
|
|
|
55
55
|
groupKey: 'style',
|
|
56
56
|
ele: 'xd-slider',
|
|
57
57
|
valueKey: "bindSize",
|
|
58
|
-
value: dataVal({data, key:'bindSize', dValue: gValue.isAdd && gValue.isFirst?bindSize: 68, gValue}),
|
|
58
|
+
value: dataVal({data, key:'bindSize', dValue: gValue.isAdd && gValue.isFirst ? bindSize: 68, gValue}),
|
|
59
59
|
hidden: !statusShow({data, key: 'bindSizeStatus', fields:['bindSize'], gValue}),
|
|
60
60
|
className: "input100",
|
|
61
61
|
labelInline: true,
|
|
62
62
|
setting:{
|
|
63
|
-
min:
|
|
64
|
-
max:
|
|
63
|
+
min: 50,//最小值
|
|
64
|
+
max: 90, //最小值
|
|
65
65
|
step:1, //步长
|
|
66
66
|
showStops:false,//显示间断点
|
|
67
67
|
showInput:false,//显示输入框
|
|
@@ -97,7 +97,7 @@ export default (data, gValue, gColor, oldData)=>{
|
|
|
97
97
|
selected:false,
|
|
98
98
|
default:{
|
|
99
99
|
color: data['brandNameColor'] || '#666',
|
|
100
|
-
fontSize:'
|
|
100
|
+
fontSize:'28rpx',
|
|
101
101
|
fontWeight: '400'
|
|
102
102
|
},
|
|
103
103
|
},
|
|
@@ -10,8 +10,10 @@ export default (data, gValue, gColor, oldData={})=>{
|
|
|
10
10
|
//老数据
|
|
11
11
|
let tabContent = [];
|
|
12
12
|
if(data['newLabel'] !== undefined) {
|
|
13
|
-
let newLabel = clone(data['newLabel']).
|
|
14
|
-
|
|
13
|
+
let newLabel = clone(data['newLabel']).map(item=>{
|
|
14
|
+
if(typeof item.isShow === 'boolean') item.check = item.isShow;
|
|
15
|
+
else item.check = true;
|
|
16
|
+
return item
|
|
15
17
|
});
|
|
16
18
|
tabContent = newLabel.sort((a,b)=>Number(a.sort)-Number(b.sort)).map(item=>{
|
|
17
19
|
item['placeholder'] = '自定义名称';
|
|
@@ -86,13 +88,13 @@ export default (data, gValue, gColor, oldData={})=>{
|
|
|
86
88
|
inline: false,
|
|
87
89
|
handleCustom({action, data}) {
|
|
88
90
|
data.cb([
|
|
89
|
-
{value:'all', label: '全部',input:'',check: true,placeholder:'自定义名称'},
|
|
90
|
-
{value:'sell', label: '线下',input:'',check: true, placeholder:'自定义名称'},
|
|
91
|
-
{value:'code', label: '电子码',input:'',check: true,placeholder:'自定义名称'},
|
|
92
|
-
{value:'stod', label: '线上',input:'',check: true,placeholder:'自定义名称'},
|
|
93
|
-
{value:'stod-samecity', label: '同城配送',input:'',check: false,placeholder:'自定义名称'},
|
|
94
|
-
{value:'stod-logistics', label: '快递配送',input:'',check: false,placeholder:'自定义名称'},
|
|
95
|
-
{value:'stod-takeout', label: '门店自提',input:'',check: false,placeholder:'自定义名称'},
|
|
91
|
+
{value:'all', label: '全部',input:'', def: '全部', check: true,placeholder:'自定义名称'},
|
|
92
|
+
{value:'sell', label: '线下',input:'', def: '线下',check: true, placeholder:'自定义名称'},
|
|
93
|
+
{value:'code', label: '电子码',input:'', def: '电子码',check: true,placeholder:'自定义名称'},
|
|
94
|
+
{value:'stod', label: '线上',input:'', def: '线上',check: true,placeholder:'自定义名称'},
|
|
95
|
+
{value:'stod-samecity', label: '同城配送',input:'', def: '同城配送',check: false,placeholder:'自定义名称'},
|
|
96
|
+
{value:'stod-logistics', label: '快递配送',input:'', def: '快递配送',check: false,placeholder:'自定义名称'},
|
|
97
|
+
{value:'stod-takeout', label: '门店自提',input:'', def: '门店自提',check: false,placeholder:'自定义名称'},
|
|
96
98
|
])
|
|
97
99
|
},
|
|
98
100
|
},
|
|
@@ -146,7 +148,7 @@ export default (data, gValue, gColor, oldData={})=>{
|
|
|
146
148
|
value: dataVal({data, key:'layout', dValue:'v1', gValue}),
|
|
147
149
|
multiple: false,
|
|
148
150
|
groupKey: 'content',
|
|
149
|
-
className: '
|
|
151
|
+
className: 'input100',
|
|
150
152
|
labelInline:true,
|
|
151
153
|
list: [
|
|
152
154
|
{label: '上下布局', value: 'v1'},
|
|
@@ -211,7 +213,7 @@ export default (data, gValue, gColor, oldData={})=>{
|
|
|
211
213
|
placeholder: '请选择显示列',
|
|
212
214
|
multiple: false,
|
|
213
215
|
groupKey: 'content',
|
|
214
|
-
className: '
|
|
216
|
+
className: 'input100',
|
|
215
217
|
labelInline:true,
|
|
216
218
|
hidden: !(['v1'].includes(dataVal({data, key:'layout', dValue:'v2', gValue}) )),
|
|
217
219
|
list: [
|