jufubao-mall 2.0.20-beta1 → 2.0.20-beta11

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jufubao-mall",
3
- "version": "2.0.20-beta1",
3
+ "version": "2.0.20-beta11",
4
4
  "private": false,
5
5
  "description": "聚福宝商城业务组件插件包",
6
6
  "main": "index.js",
@@ -207,7 +207,6 @@ export default {
207
207
 
208
208
  <style scoped lang="less">
209
209
  .product {
210
- cursor: pointer;
211
210
 
212
211
  &.one {
213
212
  display: flex;
@@ -805,7 +805,7 @@
805
805
  jfbRootExec("getBrandHomeInfo", {
806
806
  vm: this,
807
807
  data: {
808
- ...this.options,
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: this.$xdUniHelper.deleteParamEmptyKey({
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?tabActItemStyleComp.color:'rgba(0,0,0,0)'}"
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="[brandIconClass]"
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 = '24rpx 24rpx 24rpx 0';
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=>item.check);
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
- style['padding'] = this.getMarginAndPadding(this.tabPadding, 0);
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'] = this.getMarginAndPadding(this.tabPadding, 0);
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
- borderBottom: this.titleBorder,
408
+ ...border,
398
409
  backgroundColor: this.titleBgc,
399
- marginBottom: this.titlePadding + 'rpx',
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: this.titleStyle.actColor,
494
- fontSize: this.titleStyle.actFontSize + 'rpx',
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
- return item['isShow'] !== undefined
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
- this.newLabel = gCPVal(container, 'tabContent', [newLabel.length > 0 ? newLabel: defNewLabel]);
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:0,left:32, right:0, bottom:0};
639
- oldTabPadding = {top:0,left:32, right:0, bottom:0};
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: mainColor,
667
- actFontWeight: '400',
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', '0',{sKey: 'titlePaddingStatus', fields: ['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 = 100 - Number(contentPadding);
691
- this.bindSize = 100 - Number(gCPVal(container, 'bindSize', [bindSize,68],{sKey: 'bindSizeStatus', fields: ['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', '') || '#333',
700
- fontSize: '24',
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 = this.contentCell - brandList.length % this.contentCell;
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: 0,//最小值
64
- max: 100, //最小值
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:'24',
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']).filter(item=>{
14
- return item['isShow'] !== undefined
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: 'input50',
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: 'input50',
216
+ className: 'input100',
215
217
  labelInline:true,
216
218
  hidden: !(['v1'].includes(dataVal({data, key:'layout', dValue:'v2', gValue}) )),
217
219
  list: [