jufubao-mall 2.0.90-beta21 → 2.0.90-beta22
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/JfbMallMarketNew/JfbMallMarketNew.vue +92 -69
- package/src/components/JfbMallMarketNew/JfbMallMarketNewLessSelf.less +27 -11
- package/src/components/JfbMallMarketNew/cusAttr/content.js +20 -13
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v1.js +4 -4
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v2.js +8 -8
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v3.js +4 -4
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v4.js +12 -12
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v5.js +4 -4
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v6.js +2 -2
- package/src/components/JfbMallMarketNew/cusAttr/layouts/content-v7.js +2 -2
- package/src/components/JfbMallMarketNew/cusAttr/layouts/style-v1.js +1 -1
- package/src/components/JfbMallMarketNew/cusAttr/layouts/style-v2.js +1 -1
- package/src/components/JfbMallMarketNew/cusAttr/layouts/style-v4.js +1 -1
- package/src/components/JfbMallMarketNew/cusAttr/layouts/style-v5.js +4 -4
- package/src/components/JfbMallMarketNew/cusAttr/layouts/style-v7.js +1 -1
- package/src/components/JfbMallMarketNew/cusAttr/style.js +7 -3
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view
|
|
3
3
|
class="jfb-mall-market-new"
|
|
4
|
-
v-if="hasProductData
|
|
4
|
+
v-if="hasProductData"
|
|
5
5
|
@click="handleEditxSelect"
|
|
6
6
|
:class="{ editx : isEditx && active }"
|
|
7
7
|
>
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
show-scrollbar="false"
|
|
62
62
|
style="display:flex"
|
|
63
63
|
>
|
|
64
|
-
<view class="jfb-mall-market-new__body-scroll-content" :style="[{ '--columns': v1_productColumns }, v1ScrollContentWidth]">
|
|
64
|
+
<view class="jfb-mall-market-new__body-scroll-content" :style="[{ '--columns': Number(v1_productColumns) || 2 }, v1ScrollContentWidth]">
|
|
65
65
|
<!-- 商品项 -->
|
|
66
66
|
<view
|
|
67
67
|
v-for="(item, index) in prodList.slice(0, displayProductCount)"
|
|
@@ -284,7 +284,7 @@
|
|
|
284
284
|
<!-- 左侧商品 -->
|
|
285
285
|
<view :class="['jfb-mall-market-new__body-products-product-container', v2_left_productLayout === 'upDown' ? 'jfb-mall-market-new__body-products-product-container--horizontal' : 'jfb-mall-market-new__body-products-product-container--vertical']">
|
|
286
286
|
<view
|
|
287
|
-
v-for="(item, index) in prodList.slice(0, v2_productNumber === '1' ? 1 : 2)"
|
|
287
|
+
v-for="(item, index) in prodList.filter(i => i.region === 'v2_left').slice(0, v2_productNumber === '1' ? 1 : 2)"
|
|
288
288
|
:key="'left-' + index"
|
|
289
289
|
:class="['jfb-mall-market-new__body-product', {
|
|
290
290
|
'jfb-mall-market-new__body-product--v2-horizontal': v2_left_productLayout === 'leftRight',
|
|
@@ -325,7 +325,7 @@
|
|
|
325
325
|
</button>
|
|
326
326
|
</view>
|
|
327
327
|
</view>
|
|
328
|
-
<view style="flex:1" v-if="prodList.slice(0, v2_productNumber === '1' ? 1 : 2).length===1"></view>
|
|
328
|
+
<view style="flex:1" v-if="prodList.filter(i => i.region === 'v2_left').slice(0, v2_productNumber === '1' ? 1 : 2).length===1"></view>
|
|
329
329
|
</view>
|
|
330
330
|
</view>
|
|
331
331
|
|
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
<!-- 右侧商品 -->
|
|
383
383
|
<view :class="['jfb-mall-market-new__body-products-product-container', v2_right_productLayout === 'upDown' ? 'jfb-mall-market-new__body-products-product-container--horizontal' : 'jfb-mall-market-new__body-products-product-container--vertical']">
|
|
384
384
|
<view
|
|
385
|
-
v-for="(item, index) in prodList.
|
|
385
|
+
v-for="(item, index) in prodList.filter(i => i.region === 'v2_right').slice(0, v2_productNumber === '1' ? 1 : 2)"
|
|
386
386
|
:key="'right-' + index"
|
|
387
387
|
:class="['jfb-mall-market-new__body-product', {
|
|
388
388
|
'jfb-mall-market-new__body-product--v2-horizontal': v2_right_productLayout === 'leftRight',
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
</button>
|
|
424
424
|
</view>
|
|
425
425
|
</view>
|
|
426
|
-
<view style="flex:1" v-if="prodList.
|
|
426
|
+
<view style="flex:1" v-if="prodList.filter(i => i.region === 'v2_right').slice(0, v2_productNumber === '1' ? 1 : 2).length===1"></view>
|
|
427
427
|
</view>
|
|
428
428
|
</view>
|
|
429
429
|
</view>
|
|
@@ -471,8 +471,8 @@
|
|
|
471
471
|
></Title>
|
|
472
472
|
</template>
|
|
473
473
|
<view
|
|
474
|
-
v-for="(item, index) in prodList.slice(0, 1)"
|
|
475
|
-
:key="'left-' + index"
|
|
474
|
+
v-for="(item, index) in prodList.filter(i => i.region === 'v3_left').slice(0, 1)"
|
|
475
|
+
:key="'left-' + index"
|
|
476
476
|
:class="['jfb-mall-market-new__body-product', 'jfb-mall-market-new__body-product--v3-vertical','align-center']"
|
|
477
477
|
:style="[{
|
|
478
478
|
padding: productPadding ? (typeof productPadding === 'object' ? `${productPadding.top}rpx ${productPadding.right}rpx ${productPadding.bottom}rpx ${productPadding.left}rpx` : `${productPadding}rpx`) : '20rpx',
|
|
@@ -500,7 +500,7 @@
|
|
|
500
500
|
</template>
|
|
501
501
|
</button>
|
|
502
502
|
</view>
|
|
503
|
-
<view style="flex:1" v-if="prodList.slice(0, 1).length===1"></view>
|
|
503
|
+
<view style="flex:1" v-if="prodList.filter(i => i.region === 'v3_left').slice(0, 1).length===1"></view>
|
|
504
504
|
</view>
|
|
505
505
|
|
|
506
506
|
<!-- 中间商品区域 -->
|
|
@@ -536,8 +536,8 @@
|
|
|
536
536
|
</template>
|
|
537
537
|
<!-- 中间商品 -->
|
|
538
538
|
<view
|
|
539
|
-
v-for="(item, index) in prodList.slice(
|
|
540
|
-
:key="'center-' + index"
|
|
539
|
+
v-for="(item, index) in prodList.filter(i => i.region === 'v3_center').slice(0, 1)"
|
|
540
|
+
:key="'center-' + index"
|
|
541
541
|
:class="['jfb-mall-market-new__body-product', 'jfb-mall-market-new__body-product--v3-vertical','align-center']"
|
|
542
542
|
:style="[{
|
|
543
543
|
padding: productPadding ? (typeof productPadding === 'object' ? `${productPadding.top}rpx ${productPadding.right}rpx ${productPadding.bottom}rpx ${productPadding.left}rpx` : `${productPadding}rpx`) : '20rpx',
|
|
@@ -565,7 +565,7 @@
|
|
|
565
565
|
</template>
|
|
566
566
|
</button>
|
|
567
567
|
</view>
|
|
568
|
-
<view style="flex:1" v-if="prodList.slice(
|
|
568
|
+
<view style="flex:1" v-if="prodList.filter(i => i.region === 'v3_center').slice(0, 1).length===1"></view>
|
|
569
569
|
</view>
|
|
570
570
|
|
|
571
571
|
<!-- 右侧商品区域 -->
|
|
@@ -601,8 +601,8 @@
|
|
|
601
601
|
</template>
|
|
602
602
|
<!-- 右侧商品 -->
|
|
603
603
|
<view
|
|
604
|
-
v-for="(item, index) in prodList.slice(
|
|
605
|
-
:key="'right-' + index"
|
|
604
|
+
v-for="(item, index) in prodList.filter(i => i.region === 'v3_right').slice(0, 1)"
|
|
605
|
+
:key="'right-' + index"
|
|
606
606
|
:class="['jfb-mall-market-new__body-product', 'jfb-mall-market-new__body-product--v3-vertical','align-center']"
|
|
607
607
|
:style="[{
|
|
608
608
|
padding: productPadding ? (typeof productPadding === 'object' ? `${productPadding.top}rpx ${productPadding.right}rpx ${productPadding.bottom}rpx ${productPadding.left}rpx` : `${productPadding}rpx`) : '20rpx',
|
|
@@ -630,7 +630,7 @@
|
|
|
630
630
|
</template>
|
|
631
631
|
</button>
|
|
632
632
|
</view>
|
|
633
|
-
<view style="flex:1" v-if="prodList.slice(
|
|
633
|
+
<view style="flex:1" v-if="prodList.filter(i => i.region === 'v3_right').slice(0, 1).length===1"></view>
|
|
634
634
|
</view>
|
|
635
635
|
</view>
|
|
636
636
|
</template>
|
|
@@ -1744,6 +1744,7 @@
|
|
|
1744
1744
|
page_token:'1',
|
|
1745
1745
|
loadingList:false,
|
|
1746
1746
|
prodList: [],
|
|
1747
|
+
isPreview: false,
|
|
1747
1748
|
timer: null,
|
|
1748
1749
|
isAlgin: 'C',
|
|
1749
1750
|
styleLayout:'v1',
|
|
@@ -1779,6 +1780,7 @@
|
|
|
1779
1780
|
v1_category_ids:[],
|
|
1780
1781
|
v1_marketType:[],
|
|
1781
1782
|
v1_isPlatformTags:[],
|
|
1783
|
+
v1_productLink:'',
|
|
1782
1784
|
//商品展示内容
|
|
1783
1785
|
showProductName:'Y',
|
|
1784
1786
|
showBrand:'N',
|
|
@@ -1808,7 +1810,7 @@
|
|
|
1808
1810
|
v2_left_category_ids:[],
|
|
1809
1811
|
v2_left_marketType:[],
|
|
1810
1812
|
v2_left_isPlatformTags:[],
|
|
1811
|
-
|
|
1813
|
+
v2_left_productLink:'',
|
|
1812
1814
|
// 右侧区域配置
|
|
1813
1815
|
v2_right_is_title:'Y',
|
|
1814
1816
|
v2_right_titleName:'排行榜单',
|
|
@@ -1822,7 +1824,7 @@
|
|
|
1822
1824
|
v2_right_category_ids:[],
|
|
1823
1825
|
v2_right_marketType:[],
|
|
1824
1826
|
v2_right_isPlatformTags:[],
|
|
1825
|
-
|
|
1827
|
+
v2_right_productLink:'',
|
|
1826
1828
|
// 布局4属性
|
|
1827
1829
|
v4_rowGapStatus: 'D',
|
|
1828
1830
|
v4_rowGap: 16,
|
|
@@ -1839,7 +1841,7 @@
|
|
|
1839
1841
|
v4_header_category_ids:[],
|
|
1840
1842
|
v4_header_marketType:[],
|
|
1841
1843
|
v4_header_isPlatformTags:[],
|
|
1842
|
-
|
|
1844
|
+
v4_header_productLink:'',
|
|
1843
1845
|
// 左下区域配置
|
|
1844
1846
|
v4_left_is_title:'Y',
|
|
1845
1847
|
v4_left_titleName:'新品推荐',
|
|
@@ -1852,7 +1854,7 @@
|
|
|
1852
1854
|
v4_left_category_ids:[],
|
|
1853
1855
|
v4_left_marketType:[],
|
|
1854
1856
|
v4_left_isPlatformTags:[],
|
|
1855
|
-
|
|
1857
|
+
v4_left_productLink:'',
|
|
1856
1858
|
// 右下区域配置
|
|
1857
1859
|
v4_right_is_title:'Y',
|
|
1858
1860
|
v4_right_titleName:'品牌特惠',
|
|
@@ -1865,7 +1867,7 @@
|
|
|
1865
1867
|
v4_right_category_ids:[],
|
|
1866
1868
|
v4_right_marketType:[],
|
|
1867
1869
|
v4_right_isPlatformTags:[],
|
|
1868
|
-
|
|
1870
|
+
v4_right_productLink:'',
|
|
1869
1871
|
// 区域选择属性
|
|
1870
1872
|
areaSelect:[],
|
|
1871
1873
|
area:'left',
|
|
@@ -2019,7 +2021,7 @@
|
|
|
2019
2021
|
v3_left_category_ids: [],
|
|
2020
2022
|
v3_left_marketType: [],
|
|
2021
2023
|
v3_left_isPlatformTags: [],
|
|
2022
|
-
|
|
2024
|
+
v3_left_productLink: '',
|
|
2023
2025
|
// 中间区域内容配置
|
|
2024
2026
|
v3_center_is_title: 'Y',
|
|
2025
2027
|
v3_center_titleName: '大牌推荐',
|
|
@@ -2032,7 +2034,7 @@
|
|
|
2032
2034
|
v3_center_category_ids: [],
|
|
2033
2035
|
v3_center_marketType: [],
|
|
2034
2036
|
v3_center_isPlatformTags: [],
|
|
2035
|
-
|
|
2037
|
+
v3_center_productLink: '',
|
|
2036
2038
|
// 右侧区域内容配置
|
|
2037
2039
|
v3_right_is_title: 'Y',
|
|
2038
2040
|
v3_right_titleName: '今日爆款',
|
|
@@ -2045,7 +2047,7 @@
|
|
|
2045
2047
|
v3_right_category_ids: [],
|
|
2046
2048
|
v3_right_marketType: [],
|
|
2047
2049
|
v3_right_isPlatformTags: [],
|
|
2048
|
-
|
|
2050
|
+
v3_right_productLink: '',
|
|
2049
2051
|
|
|
2050
2052
|
// 布局4属性
|
|
2051
2053
|
v4_rowGapStatus: 'D',
|
|
@@ -2465,7 +2467,7 @@
|
|
|
2465
2467
|
// 商品链接
|
|
2466
2468
|
productLink() {
|
|
2467
2469
|
switch(this.styleLayout) {
|
|
2468
|
-
|
|
2470
|
+
case 'v1':
|
|
2469
2471
|
return this.v1_productLink;
|
|
2470
2472
|
case 'v2':
|
|
2471
2473
|
// 布局2根据当前选中的区域返回对应的商品链接
|
|
@@ -2500,7 +2502,7 @@
|
|
|
2500
2502
|
return this.v4_right_productLink;
|
|
2501
2503
|
default:
|
|
2502
2504
|
return '';
|
|
2503
|
-
}
|
|
2505
|
+
}
|
|
2504
2506
|
case 'v5':
|
|
2505
2507
|
// 布局5根据当前选中的区域返回对应的商品链接
|
|
2506
2508
|
switch(this.v5_area) {
|
|
@@ -2523,7 +2525,7 @@
|
|
|
2523
2525
|
},
|
|
2524
2526
|
// 计算容器样式
|
|
2525
2527
|
containerStyle() {
|
|
2526
|
-
const paddingDefault = this.styleLayout === 'v1' ? 32 : this.styleLayout === 'v2' ? 0 : 16;
|
|
2528
|
+
const paddingDefault = this.styleLayout === 'v1' ? 32 : this.styleLayout === 'v2' ? 0 : this.styleLayout === 'v5' ? 0 : 16;
|
|
2527
2529
|
return {
|
|
2528
2530
|
'margin': this.getMarginAndPadding(this.margin, 16),
|
|
2529
2531
|
'padding': this.getMarginAndPadding(this.padding, paddingDefault),
|
|
@@ -2541,14 +2543,14 @@
|
|
|
2541
2543
|
displayProductCount() {
|
|
2542
2544
|
return this.v1_showEffect === 2 ? Number(this.v1_slideNumber) : Number(this.v1_productColumns);
|
|
2543
2545
|
},
|
|
2544
|
-
// 计算布局1
|
|
2546
|
+
// 计算布局1滚动内容宽度(每个商品占 1/(columns+0.5),使最后一个商品露出半个提示可滑动)
|
|
2545
2547
|
v1ScrollContentWidth() {
|
|
2546
|
-
const count = Number(this.v1_slideNumber) || 4;
|
|
2547
2548
|
const columns = Number(this.v1_productColumns) || 2;
|
|
2549
|
+
const count = Number(this.v1_slideNumber) || columns * 2;
|
|
2548
2550
|
return {
|
|
2549
|
-
width:(count / columns) * 100 + '%',
|
|
2550
|
-
flex:1,
|
|
2551
|
-
minWidth:0
|
|
2551
|
+
width: (count / (columns + 0.5)) * 100 + '%',
|
|
2552
|
+
flex: 1,
|
|
2553
|
+
minWidth: 0
|
|
2552
2554
|
}
|
|
2553
2555
|
},
|
|
2554
2556
|
// 计算布局1内容区样式
|
|
@@ -2610,6 +2612,7 @@
|
|
|
2610
2612
|
'jfb-mall-market-new__body-product--image-left': this.v1_productImagePosition === 'left',
|
|
2611
2613
|
'jfb-mall-market-new__body-product--image-right': this.v1_productImagePosition === 'right',
|
|
2612
2614
|
'jfb-mall-market-new__body-product-v1':true,
|
|
2615
|
+
'jfb-mall-market-new__body-product--v1-scroll': this.v1_showEffect === 2,
|
|
2613
2616
|
};
|
|
2614
2617
|
},
|
|
2615
2618
|
// 计算商品项样式对象
|
|
@@ -2895,6 +2898,7 @@
|
|
|
2895
2898
|
},
|
|
2896
2899
|
created() {
|
|
2897
2900
|
console.log('[price] created() calling init');
|
|
2901
|
+
this.isPreview = this.$configProject.isPreview;
|
|
2898
2902
|
this.init(this.container);
|
|
2899
2903
|
this.is_plus_site = this.projectAttr.headers['X-Site-Group']==="vip";
|
|
2900
2904
|
},
|
|
@@ -3022,6 +3026,11 @@
|
|
|
3022
3026
|
|
|
3023
3027
|
this.titleBg = gCPVal(container, 'titleBg', { url: '' }, { sKey: 'titleStyleStatus', fields: ['titleBg'] }).url;
|
|
3024
3028
|
this.styleLayout = gCPVal(container, 'styleLayout', 'v1');
|
|
3029
|
+
// v5 常规外边距默认 上0 下16 左16 右16,内边距默认 0
|
|
3030
|
+
if (this.styleLayout === 'v5') {
|
|
3031
|
+
this.margin = gCPVal(container, 'margin', [{ top: 0, left: 16, right: 16, bottom: 16 }], { sKey: 'marginStatus', fields: ['margin'], isPMR: true });
|
|
3032
|
+
this.padding = gCPVal(container, 'padding', [{ top: 0, left: 0, right: 0, bottom: 0 }], { sKey: 'paddingStatus', fields: ['padding'], isPMR: true });
|
|
3033
|
+
}
|
|
3025
3034
|
// 各布局默认对齐:v1/v4 左对齐,v2/v5/v7 两边对齐,v3 居中
|
|
3026
3035
|
const defaultAlignMap = { v1: 'L', v2: 'S', v3: 'C', v4: 'L', v5: 'S', v7: 'S' };
|
|
3027
3036
|
const defaultAlign = defaultAlignMap[this.styleLayout] || 'C';
|
|
@@ -3038,7 +3047,10 @@
|
|
|
3038
3047
|
this.v1_productColumns = gCPVal(container, 'v1_productColumns', '4');
|
|
3039
3048
|
this.v1_productImagePosition = gCPVal(container, 'v1_productImagePosition', 'left');
|
|
3040
3049
|
this.v1_showEffect = gCPVal(container, 'v1_showEffect', 1);
|
|
3041
|
-
|
|
3050
|
+
// 滑块数量默认为商品列数的两倍;若已存值等于任一列数的默认两倍(4/6/8),则视为默认值跟随当前列数
|
|
3051
|
+
const v1StoredSlideNumber = gCPVal(container, 'v1_slideNumber', '');
|
|
3052
|
+
const v1IsDefaultSlide = v1StoredSlideNumber === '' || ['4', '6', '8'].includes(String(v1StoredSlideNumber));
|
|
3053
|
+
this.v1_slideNumber = v1IsDefaultSlide ? String(Number(this.v1_productColumns) * 2) : v1StoredSlideNumber;
|
|
3042
3054
|
// 布局2属性
|
|
3043
3055
|
this.blockProductCount = gCPVal(container, 'blockProductCount', '2');
|
|
3044
3056
|
this.v2_productNumber = gCPVal(container, 'v2_productNumber', '1');
|
|
@@ -3052,11 +3064,11 @@
|
|
|
3052
3064
|
this.v2_left_isMore = gCPVal(container, 'v2_left_isMore', 'N');
|
|
3053
3065
|
this.v2_left_moreName = gCPVal(container, 'v2_left_moreName', '更多');
|
|
3054
3066
|
this.v2_left_morePath = gCPVal(container, 'v2_left_morePath', {value: ''}).value;
|
|
3055
|
-
this.v2_left_xnamespace = gCPVal(container, 'v2_left_xnamespace', this.projectAttr.business_code);
|
|
3067
|
+
this.v2_left_xnamespace = gCPVal(container, 'v2_left_xnamespace', this.projectAttr.business_code||this.v2_left_xnamespace);
|
|
3056
3068
|
this.v2_left_category_ids = gCPVal(container, 'v2_left_category_ids', []);
|
|
3057
3069
|
this.v2_left_marketType = gCPVal(container, 'v2_left_marketType', []);
|
|
3058
3070
|
this.v2_left_isPlatformTags = gCPVal(container, 'v2_left_isPlatformTags', []);
|
|
3059
|
-
|
|
3071
|
+
this.v2_left_productLink = gCPVal(container, 'v2_left_productLink', '');
|
|
3060
3072
|
// 右侧区域配置
|
|
3061
3073
|
this.v2_right_is_title = gCPVal(container, 'v2_right_is_title', 'Y');
|
|
3062
3074
|
this.v2_right_titleName = gCPVal(container, 'v2_right_titleName', '排行榜单');
|
|
@@ -3065,11 +3077,11 @@
|
|
|
3065
3077
|
this.v2_right_isMore = gCPVal(container, 'v2_right_isMore', 'N');
|
|
3066
3078
|
this.v2_right_moreName = gCPVal(container, 'v2_right_moreName', '更多');
|
|
3067
3079
|
this.v2_right_morePath = gCPVal(container, 'v2_right_morePath', {value: ''}).value;
|
|
3068
|
-
this.v2_right_xnamespace = gCPVal(container, 'v2_right_xnamespace', this.projectAttr.business_code);
|
|
3080
|
+
this.v2_right_xnamespace = gCPVal(container, 'v2_right_xnamespace', this.projectAttr.business_code||this.v2_right_xnamespace);
|
|
3069
3081
|
this.v2_right_category_ids = gCPVal(container, 'v2_right_category_ids', []);
|
|
3070
3082
|
this.v2_right_marketType = gCPVal(container, 'v2_right_marketType', []);
|
|
3071
3083
|
this.v2_right_isPlatformTags = gCPVal(container, 'v2_right_isPlatformTags', []);
|
|
3072
|
-
|
|
3084
|
+
this.v2_right_productLink = gCPVal(container, 'v2_right_productLink', '');
|
|
3073
3085
|
// 布局4属性
|
|
3074
3086
|
this.v4_rowGap = gCPVal(container, 'v4_rowGap', 16, {sKey:'v4_rowGapStatus', fields:['v4_rowGap']});
|
|
3075
3087
|
this.v4_columnGap = gCPVal(container, 'v4_columnGap', 12, {sKey:'v4_columnGapStatus', fields:['v4_columnGap']});
|
|
@@ -3081,11 +3093,11 @@
|
|
|
3081
3093
|
this.v4_header_isMore = gCPVal(container, 'v4_header_isMore', 'Y');
|
|
3082
3094
|
this.v4_header_moreName = gCPVal(container, 'v4_header_moreName', '更多');
|
|
3083
3095
|
this.v4_header_morePath = gCPVal(container, 'v4_header_morePath', {value: ''}).value;
|
|
3084
|
-
this.v4_header_xnamespace = gCPVal(container, 'v4_header_xnamespace', this.projectAttr.business_code);
|
|
3096
|
+
this.v4_header_xnamespace = gCPVal(container, 'v4_header_xnamespace', this.projectAttr.business_code||this.v4_header_xnamespace);
|
|
3085
3097
|
this.v4_header_category_ids = gCPVal(container, 'v4_header_category_ids', []);
|
|
3086
3098
|
this.v4_header_marketType = gCPVal(container, 'v4_header_marketType', []);
|
|
3087
3099
|
this.v4_header_isPlatformTags = gCPVal(container, 'v4_header_isPlatformTags', []);
|
|
3088
|
-
|
|
3100
|
+
this.v4_header_productLink = gCPVal(container, 'v4_header_productLink', '');
|
|
3089
3101
|
// 左下区域配置
|
|
3090
3102
|
this.v4_left_is_title = gCPVal(container, 'v4_left_is_title', 'Y');
|
|
3091
3103
|
this.v4_left_titleName = gCPVal(container, 'v4_left_titleName', '新品推荐');
|
|
@@ -3094,11 +3106,11 @@
|
|
|
3094
3106
|
this.v4_left_isMore = gCPVal(container, 'v4_left_isMore', 'N');
|
|
3095
3107
|
this.v4_left_moreName = gCPVal(container, 'v4_left_moreName', '更多');
|
|
3096
3108
|
this.v4_left_morePath = gCPVal(container, 'v4_left_morePath', {value: ''}).value;
|
|
3097
|
-
this.v4_left_xnamespace = gCPVal(container, 'v4_left_xnamespace', this.projectAttr.business_code);
|
|
3109
|
+
this.v4_left_xnamespace = gCPVal(container, 'v4_left_xnamespace', this.projectAttr.business_code||this.v4_left_xnamespace);
|
|
3098
3110
|
this.v4_left_category_ids = gCPVal(container, 'v4_left_category_ids', []);
|
|
3099
3111
|
this.v4_left_marketType = gCPVal(container, 'v4_left_marketType', []);
|
|
3100
3112
|
this.v4_left_isPlatformTags = gCPVal(container, 'v4_left_isPlatformTags', []);
|
|
3101
|
-
|
|
3113
|
+
this.v4_left_productLink = gCPVal(container, 'v4_left_productLink', '');
|
|
3102
3114
|
// 右下区域配置
|
|
3103
3115
|
this.v4_right_is_title = gCPVal(container, 'v4_right_is_title', 'Y');
|
|
3104
3116
|
this.v4_right_titleName = gCPVal(container, 'v4_right_titleName', '品牌特惠');
|
|
@@ -3107,11 +3119,11 @@
|
|
|
3107
3119
|
this.v4_right_isMore = gCPVal(container, 'v4_right_isMore', 'N');
|
|
3108
3120
|
this.v4_right_moreName = gCPVal(container, 'v4_right_moreName', '更多');
|
|
3109
3121
|
this.v4_right_morePath = gCPVal(container, 'v4_right_morePath', {value: ''}).value;
|
|
3110
|
-
this.v4_right_xnamespace = gCPVal(container, 'v4_right_xnamespace', this.projectAttr.business_code);
|
|
3122
|
+
this.v4_right_xnamespace = gCPVal(container, 'v4_right_xnamespace', this.projectAttr.business_code||this.v4_right_xnamespace);
|
|
3111
3123
|
this.v4_right_category_ids = gCPVal(container, 'v4_right_category_ids', []);
|
|
3112
3124
|
this.v4_right_marketType = gCPVal(container, 'v4_right_marketType', []);
|
|
3113
3125
|
this.v4_right_isPlatformTags = gCPVal(container, 'v4_right_isPlatformTags', []);
|
|
3114
|
-
|
|
3126
|
+
this.v4_right_productLink = gCPVal(container, 'v4_right_productLink', '');
|
|
3115
3127
|
// 区域选择属性
|
|
3116
3128
|
this.areaSelect = gCPVal(container, 'areaSelect', []);
|
|
3117
3129
|
this.area = gCPVal(container, 'area', 'left');
|
|
@@ -3131,11 +3143,12 @@
|
|
|
3131
3143
|
this.v1_morePath = gCPVal(container, 'v1_morePath', {value: ''}).value;
|
|
3132
3144
|
console.log(this.v1_morePath,'v1_morePath')
|
|
3133
3145
|
//内容配置
|
|
3134
|
-
this.v1_xnamespace = gCPVal(container, 'v1_xnamespace', this.projectAttr.business_code);
|
|
3146
|
+
this.v1_xnamespace = gCPVal(container, 'v1_xnamespace', this.projectAttr.business_code||this.v1_xnamespace);
|
|
3135
3147
|
this.v1_category_ids = gCPVal(container, 'v1_category_ids', []);
|
|
3136
3148
|
console.log(this.v1_category_ids,'v1_category_ids')
|
|
3137
3149
|
this.v1_marketType = gCPVal(container, 'v1_marketType', []);
|
|
3138
3150
|
this.v1_isPlatformTags = gCPVal(container, 'v1_isPlatformTags', []);
|
|
3151
|
+
this.v1_productLink = gCPVal(container, 'v1_productLink', '');
|
|
3139
3152
|
//商品展示内容
|
|
3140
3153
|
this.showProductName = gCPVal(container, 'showProductName', 'Y');
|
|
3141
3154
|
this.showBrand = gCPVal(container, 'showBrand', this.styleLayout === 'v6' ? 'N' : 'N');
|
|
@@ -3258,7 +3271,7 @@
|
|
|
3258
3271
|
this.left_titleMargin = gCPVal(container, 'left_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 0 }], {sKey:'left_titleMarginStatus', fields:['left_titleMargin'], isPMR: true});
|
|
3259
3272
|
|
|
3260
3273
|
// 左侧区域 - 标题背景
|
|
3261
|
-
this.left_titleBgColor = gCPVal(container, 'left_titleBgColor', '
|
|
3274
|
+
this.left_titleBgColor = gCPVal(container, 'left_titleBgColor', '', {sKey:'left_titleBgStatus', fields:['left_titleBgColor']});
|
|
3262
3275
|
this.left_titleBgImage = gCPVal(container, 'left_titleBgImage', {}, {sKey:'left_titleBgStatus', fields:['left_titleBgImage']}).url;
|
|
3263
3276
|
|
|
3264
3277
|
// 左侧区域 - 标题描边
|
|
@@ -3552,11 +3565,11 @@
|
|
|
3552
3565
|
this.v3_left_isMore = gCPVal(container, 'v3_left_isMore', 'N');
|
|
3553
3566
|
this.v3_left_morePath = gCPVal(container, 'v3_left_morePath', {value: ''}).value;
|
|
3554
3567
|
this.v3_left_moreName = gCPVal(container, 'v3_left_moreName', '更多');
|
|
3555
|
-
this.v3_left_xnamespace = gCPVal(container, 'v3_left_xnamespace', this.projectAttr.business_code);
|
|
3568
|
+
this.v3_left_xnamespace = gCPVal(container, 'v3_left_xnamespace', this.projectAttr.business_code||this.v3_left_xnamespace);
|
|
3556
3569
|
this.v3_left_category_ids = gCPVal(container, 'v3_left_category_ids', []);
|
|
3557
3570
|
this.v3_left_marketType = gCPVal(container, 'v3_left_marketType', []);
|
|
3558
3571
|
this.v3_left_isPlatformTags = gCPVal(container, 'v3_left_isPlatformTags', []);
|
|
3559
|
-
|
|
3572
|
+
this.v3_left_productLink = gCPVal(container, 'v3_left_productLink', '');
|
|
3560
3573
|
|
|
3561
3574
|
// 中间区域内容配置
|
|
3562
3575
|
this.v3_center_is_title = gCPVal(container, 'v3_center_is_title', 'Y');
|
|
@@ -3566,11 +3579,11 @@
|
|
|
3566
3579
|
this.v3_center_isMore = gCPVal(container, 'v3_center_isMore', 'N');
|
|
3567
3580
|
this.v3_center_morePath = gCPVal(container, 'v3_center_morePath', {value: ''}).value;
|
|
3568
3581
|
this.v3_center_moreName = gCPVal(container, 'v3_center_moreName', '更多');
|
|
3569
|
-
this.v3_center_xnamespace = gCPVal(container, 'v3_center_xnamespace', this.projectAttr.business_code);
|
|
3582
|
+
this.v3_center_xnamespace = gCPVal(container, 'v3_center_xnamespace', this.projectAttr.business_code||this.v3_center_xnamespace);
|
|
3570
3583
|
this.v3_center_category_ids = gCPVal(container, 'v3_center_category_ids', []);
|
|
3571
3584
|
this.v3_center_marketType = gCPVal(container, 'v3_center_marketType', []);
|
|
3572
3585
|
this.v3_center_isPlatformTags = gCPVal(container, 'v3_center_isPlatformTags', []);
|
|
3573
|
-
|
|
3586
|
+
this.v3_center_productLink = gCPVal(container, 'v3_center_productLink', '');
|
|
3574
3587
|
|
|
3575
3588
|
// 右侧区域内容配置
|
|
3576
3589
|
this.v3_right_is_title = gCPVal(container, 'v3_right_is_title', 'Y');
|
|
@@ -3580,11 +3593,11 @@
|
|
|
3580
3593
|
this.v3_right_isMore = gCPVal(container, 'v3_right_isMore', 'N');
|
|
3581
3594
|
this.v3_right_morePath = gCPVal(container, 'v3_right_morePath', {value: ''}).value;
|
|
3582
3595
|
this.v3_right_moreName = gCPVal(container, 'v3_right_moreName', '更多');
|
|
3583
|
-
this.v3_right_xnamespace = gCPVal(container, 'v3_right_xnamespace', this.projectAttr.business_code);
|
|
3596
|
+
this.v3_right_xnamespace = gCPVal(container, 'v3_right_xnamespace', this.projectAttr.business_code||this.v3_right_xnamespace);
|
|
3584
3597
|
this.v3_right_category_ids = gCPVal(container, 'v3_right_category_ids', []);
|
|
3585
3598
|
this.v3_right_marketType = gCPVal(container, 'v3_right_marketType', []);
|
|
3586
3599
|
this.v3_right_isPlatformTags = gCPVal(container, 'v3_right_isPlatformTags', []);
|
|
3587
|
-
|
|
3600
|
+
this.v3_right_productLink = gCPVal(container, 'v3_right_productLink', '');
|
|
3588
3601
|
|
|
3589
3602
|
// 布局4属性
|
|
3590
3603
|
if (this.styleLayout === 'v4') {
|
|
@@ -3603,7 +3616,7 @@
|
|
|
3603
3616
|
this.v4_header_isMore = gCPVal(container, 'v4_header_isMore', 'Y');
|
|
3604
3617
|
this.v4_header_moreName = gCPVal(container, 'v4_header_moreName', '更多');
|
|
3605
3618
|
this.v4_header_morePath = gCPVal(container, 'v4_header_morePath', {value: ''}).value;
|
|
3606
|
-
this.v4_header_xnamespace = gCPVal(container, 'v4_header_xnamespace', this.projectAttr.business_code);
|
|
3619
|
+
this.v4_header_xnamespace = gCPVal(container, 'v4_header_xnamespace', this.projectAttr.business_code||this.v4_header_xnamespace);
|
|
3607
3620
|
this.v4_header_category_ids = gCPVal(container, 'v4_header_category_ids', []);
|
|
3608
3621
|
this.v4_header_marketType = gCPVal(container, 'v4_header_marketType', []);
|
|
3609
3622
|
this.v4_header_isPlatformTags = gCPVal(container, 'v4_header_isPlatformTags', []);
|
|
@@ -3616,7 +3629,7 @@
|
|
|
3616
3629
|
this.v4_left_isMore = gCPVal(container, 'v4_left_isMore', 'N');
|
|
3617
3630
|
this.v4_left_moreName = gCPVal(container, 'v4_left_moreName', '更多');
|
|
3618
3631
|
this.v4_left_morePath = gCPVal(container, 'v4_left_morePath', {value: ''}).value;
|
|
3619
|
-
this.v4_left_xnamespace = gCPVal(container, 'v4_left_xnamespace', this.projectAttr.business_code);
|
|
3632
|
+
this.v4_left_xnamespace = gCPVal(container, 'v4_left_xnamespace', this.projectAttr.business_code||this.v4_left_xnamespace);
|
|
3620
3633
|
this.v4_left_category_ids = gCPVal(container, 'v4_left_category_ids', []);
|
|
3621
3634
|
this.v4_left_marketType = gCPVal(container, 'v4_left_marketType', []);
|
|
3622
3635
|
this.v4_left_isPlatformTags = gCPVal(container, 'v4_left_isPlatformTags', []);
|
|
@@ -3629,7 +3642,7 @@
|
|
|
3629
3642
|
this.v4_right_isMore = gCPVal(container, 'v4_right_isMore', 'N');
|
|
3630
3643
|
this.v4_right_moreName = gCPVal(container, 'v4_right_moreName', '更多');
|
|
3631
3644
|
this.v4_right_morePath = gCPVal(container, 'v4_right_morePath', {value: ''}).value;
|
|
3632
|
-
this.v4_right_xnamespace = gCPVal(container, 'v4_right_xnamespace', this.projectAttr.business_code);
|
|
3645
|
+
this.v4_right_xnamespace = gCPVal(container, 'v4_right_xnamespace', this.projectAttr.business_code||this.v4_right_xnamespace);
|
|
3633
3646
|
this.v4_right_category_ids = gCPVal(container, 'v4_right_category_ids', []);
|
|
3634
3647
|
this.v4_right_marketType = gCPVal(container, 'v4_right_marketType', []);
|
|
3635
3648
|
this.v4_right_isPlatformTags = gCPVal(container, 'v4_right_isPlatformTags', []);
|
|
@@ -3653,7 +3666,7 @@
|
|
|
3653
3666
|
{ fontSize: '24rpx', color: '#ffffff', fontWeight: 'normal', textAlign: 'left' }
|
|
3654
3667
|
);
|
|
3655
3668
|
this.v4_header_titleMargin = gCPVal(container, 'v4_header_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 12 }], {sKey:'v4_header_titleMarginStatus', fields:['v4_header_titleMargin'], isPMR: true});
|
|
3656
|
-
this.v4_header_titleBgColor = gCPVal(container, 'v4_header_titleBgColor', '
|
|
3669
|
+
this.v4_header_titleBgColor = gCPVal(container, 'v4_header_titleBgColor', '', {sKey:'v4_header_titleBgStatus', fields:['v4_header_titleBgColor', 'v4_header_titleBgImage']});
|
|
3657
3670
|
this.v4_header_titleBgImage = gCPVal(container, 'v4_header_titleBgImage', {}, {sKey:'v4_header_titleBgStatus', fields:['v4_header_titleBgColor', 'v4_header_titleBgImage']}).url;
|
|
3658
3671
|
this.v4_header_titleBorder = gCPVal(container, 'v4_header_titleBorder', [{color: '#e5e5e5',width: 0,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['v4_header_titleBorder']});
|
|
3659
3672
|
this.v4_header_titleShadow = gCPVal(container, 'v4_header_titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
|
|
@@ -3686,7 +3699,7 @@
|
|
|
3686
3699
|
{ fontSize: '24rpx', color: '#A4625D', fontWeight: 'normal', textAlign: 'left' }
|
|
3687
3700
|
);
|
|
3688
3701
|
this.v4_left_titleMargin = gCPVal(container, 'v4_left_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 12 }], {sKey:'v4_left_titleMarginStatus', fields:['v4_left_titleMargin'], isPMR: true});
|
|
3689
|
-
this.v4_left_titleBgColor = gCPVal(container, 'v4_left_titleBgColor', '
|
|
3702
|
+
this.v4_left_titleBgColor = gCPVal(container, 'v4_left_titleBgColor', '', {sKey:'v4_left_titleBgStatus', fields:['v4_left_titleBgColor', 'v4_left_titleBgImage']});
|
|
3690
3703
|
this.v4_left_titleBgImage = gCPVal(container, 'v4_left_titleBgImage', {}, {sKey:'v4_left_titleBgStatus', fields:['v4_left_titleBgColor', 'v4_left_titleBgImage']}).url;
|
|
3691
3704
|
this.v4_left_titleBorder = gCPVal(container, 'v4_left_titleBorder', [{color: '#e5e5e5',width: 0,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['v4_left_titleBorder']});
|
|
3692
3705
|
this.v4_left_titleShadow = gCPVal(container, 'v4_left_titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
|
|
@@ -3718,7 +3731,7 @@
|
|
|
3718
3731
|
{ fontSize: '24rpx', color: '#A4625D', fontWeight: 'normal', textAlign: 'left' }
|
|
3719
3732
|
);
|
|
3720
3733
|
this.v4_right_titleMargin = gCPVal(container, 'v4_right_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 12 }], {sKey:'v4_right_titleMarginStatus', fields:['v4_right_titleMargin'], isPMR: true});
|
|
3721
|
-
this.v4_right_titleBgColor = gCPVal(container, 'v4_right_titleBgColor', '
|
|
3734
|
+
this.v4_right_titleBgColor = gCPVal(container, 'v4_right_titleBgColor', '', {sKey:'v4_right_titleBgStatus', fields:['v4_right_titleBgColor', 'v4_right_titleBgImage']});
|
|
3722
3735
|
this.v4_right_titleBgImage = gCPVal(container, 'v4_right_titleBgImage', {}, {sKey:'v4_right_titleBgStatus', fields:['v4_right_titleBgColor', 'v4_right_titleBgImage']}).url;
|
|
3723
3736
|
this.v4_right_titleBorder = gCPVal(container, 'v4_right_titleBorder', [{color: '#e5e5e5',width: 0,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['v4_right_titleBorder']});
|
|
3724
3737
|
this.v4_right_titleShadow = gCPVal(container, 'v4_right_titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
|
|
@@ -3752,7 +3765,7 @@
|
|
|
3752
3765
|
this.v5_left_isMore = gCPVal(container, 'v5_left_isMore', 'Y');
|
|
3753
3766
|
this.v5_left_moreName = gCPVal(container, 'v5_left_moreName', '更多');
|
|
3754
3767
|
this.v5_left_morePath = gCPVal(container, 'v5_left_morePath', {value: ''}).value;
|
|
3755
|
-
this.v5_left_xnamespace = gCPVal(container, 'v5_left_xnamespace', this.projectAttr.business_code);
|
|
3768
|
+
this.v5_left_xnamespace = gCPVal(container, 'v5_left_xnamespace', this.projectAttr.business_code||this.v5_left_xnamespace);
|
|
3756
3769
|
this.v5_left_category_ids = gCPVal(container, 'v5_left_category_ids', []);
|
|
3757
3770
|
this.v5_left_marketType = gCPVal(container, 'v5_left_marketType', []);
|
|
3758
3771
|
this.v5_left_isPlatformTags = gCPVal(container, 'v5_left_isPlatformTags', []);
|
|
@@ -3765,7 +3778,7 @@
|
|
|
3765
3778
|
this.v5_right_top_isMore = gCPVal(container, 'v5_right_top_isMore', 'N');
|
|
3766
3779
|
this.v5_right_top_moreName = gCPVal(container, 'v5_right_top_moreName', '更多');
|
|
3767
3780
|
this.v5_right_top_morePath = gCPVal(container, 'v5_right_top_morePath', {value: ''}).value;
|
|
3768
|
-
this.v5_right_top_xnamespace = gCPVal(container, 'v5_right_top_xnamespace', this.projectAttr.business_code);
|
|
3781
|
+
this.v5_right_top_xnamespace = gCPVal(container, 'v5_right_top_xnamespace', this.projectAttr.business_code||this.v5_right_top_xnamespace);
|
|
3769
3782
|
this.v5_right_top_category_ids = gCPVal(container, 'v5_right_top_category_ids', []);
|
|
3770
3783
|
this.v5_right_top_marketType = gCPVal(container, 'v5_right_top_marketType', []);
|
|
3771
3784
|
this.v5_right_top_isPlatformTags = gCPVal(container, 'v5_right_top_isPlatformTags', []);
|
|
@@ -3781,7 +3794,7 @@
|
|
|
3781
3794
|
this.v5_right_bottom_isMore = gCPVal(container, 'v5_right_bottom_isMore', 'N');
|
|
3782
3795
|
this.v5_right_bottom_moreName = gCPVal(container, 'v5_right_bottom_moreName', '更多');
|
|
3783
3796
|
this.v5_right_bottom_morePath = gCPVal(container, 'v5_right_bottom_morePath', {value: ''}).value;
|
|
3784
|
-
this.v5_right_bottom_xnamespace = gCPVal(container, 'v5_right_bottom_xnamespace', this.projectAttr.business_code);
|
|
3797
|
+
this.v5_right_bottom_xnamespace = gCPVal(container, 'v5_right_bottom_xnamespace', this.projectAttr.business_code||this.v5_right_bottom_xnamespace);
|
|
3785
3798
|
this.v5_right_bottom_category_ids = gCPVal(container, 'v5_right_bottom_category_ids', []);
|
|
3786
3799
|
this.v5_right_bottom_marketType = gCPVal(container, 'v5_right_bottom_marketType', []);
|
|
3787
3800
|
this.v5_right_bottom_isPlatformTags = gCPVal(container, 'v5_right_bottom_isPlatformTags', []);
|
|
@@ -3798,20 +3811,20 @@
|
|
|
3798
3811
|
// 右上区域样式
|
|
3799
3812
|
this.v5_right_top_areaBgColor = gCPVal(container, 'v5_right_top_areaBgColor', '', {sKey:'v5_right_top_areaBgStatus', fields:['v5_right_top_areaBgColor', 'v5_right_top_areaBgImage']});
|
|
3800
3813
|
this.v5_right_top_areaBgImage = gCPVal(container, 'v5_right_top_areaBgImage', {}, {sKey:'v5_right_top_areaBgStatus', fields:['v5_right_top_areaBgColor', 'v5_right_top_areaBgImage']}).url;
|
|
3801
|
-
this.v5_right_top_contentPadding = gCPVal(container, 'v5_right_top_contentPadding', [{ top:
|
|
3814
|
+
this.v5_right_top_contentPadding = gCPVal(container, 'v5_right_top_contentPadding', [{ top: 20, left: 20, right: 20, bottom: 20 }], {sKey:'v5_right_top_contentPaddingStatus', fields:['v5_right_top_contentPadding'], isPMR: true});
|
|
3802
3815
|
this.v5_right_top_contentBgColor = gCPVal(container, 'v5_right_top_contentBgColor', '', {sKey:'v5_right_top_contentBgStatus', fields:['v5_right_top_contentBgColor', 'v5_right_top_contentBgImage']});
|
|
3803
3816
|
this.v5_right_top_contentBgImage = gCPVal(container, 'v5_right_top_contentBgImage', {}, {sKey:'v5_right_top_contentBgStatus', fields:['v5_right_top_contentBgColor', 'v5_right_top_contentBgImage']}).url;
|
|
3804
3817
|
this.v5_right_top_titleLayout = gCPVal(container, 'v5_right_top_titleLayout', 'leftRight');
|
|
3805
3818
|
this.v5_right_top_titleTextStyle = this.getFontAndBgcStyle(
|
|
3806
3819
|
gCPVal(container, 'v5_right_top_titleTextStyle', {}, {sKey:'v5_right_top_titleTextStatus', fields:['v5_right_top_titleTextStyle'], isMerge: true}),
|
|
3807
|
-
{ fontSize: '
|
|
3820
|
+
{ fontSize: '36rpx', color: '#333333', fontWeight: '500', textAlign: 'left' }
|
|
3808
3821
|
);
|
|
3809
3822
|
this.v5_right_top_subtitleTextStyle = this.getFontAndBgcStyle(
|
|
3810
3823
|
gCPVal(container, 'v5_right_top_subtitleTextStyle', {}, {sKey:'v5_right_top_subtitleTextStatus', fields:['v5_right_top_subtitleTextStyle'], isMerge: true}),
|
|
3811
3824
|
{ fontSize: '22rpx', color: '#999999', fontWeight: '400', textAlign: 'left' }
|
|
3812
3825
|
);
|
|
3813
3826
|
this.v5_right_top_titleMargin = gCPVal(container, 'v5_right_top_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 20 }], {sKey:'v5_right_top_titleMarginStatus', fields:['v5_right_top_titleMargin'], isPMR: true});
|
|
3814
|
-
this.v5_right_top_titleBgColor = gCPVal(container, 'v5_right_top_titleBgColor', '
|
|
3827
|
+
this.v5_right_top_titleBgColor = gCPVal(container, 'v5_right_top_titleBgColor', '', {sKey:'v5_right_top_titleBgStatus', fields:['v5_right_top_titleBgColor', 'v5_right_top_titleBgImage']});
|
|
3815
3828
|
this.v5_right_top_titleBgImage = gCPVal(container, 'v5_right_top_titleBgImage', {}, {sKey:'v5_right_top_titleBgStatus', fields:['v5_right_top_titleBgColor', 'v5_right_top_titleBgImage']}).url;
|
|
3816
3829
|
this.v5_right_top_titleBorder = gCPVal(container, 'v5_right_top_titleBorder', [{color: '#e5e5e5',width: 0,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['v5_right_top_titleBorder']});
|
|
3817
3830
|
this.v5_right_top_titleShadow = gCPVal(container, 'v5_right_top_titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
|
|
@@ -3828,20 +3841,20 @@
|
|
|
3828
3841
|
// 右下区域样式
|
|
3829
3842
|
this.v5_right_bottom_areaBgColor = gCPVal(container, 'v5_right_bottom_areaBgColor', '', {sKey:'v5_right_bottom_areaBgStatus', fields:['v5_right_bottom_areaBgColor', 'v5_right_bottom_areaBgImage']});
|
|
3830
3843
|
this.v5_right_bottom_areaBgImage = gCPVal(container, 'v5_right_bottom_areaBgImage', {}, {sKey:'v5_right_bottom_areaBgStatus', fields:['v5_right_bottom_areaBgColor', 'v5_right_bottom_areaBgImage']}).url;
|
|
3831
|
-
this.v5_right_bottom_contentPadding = gCPVal(container, 'v5_right_bottom_contentPadding', [{ top:
|
|
3844
|
+
this.v5_right_bottom_contentPadding = gCPVal(container, 'v5_right_bottom_contentPadding', [{ top: 20, left: 20, right: 20, bottom: 20 }], {sKey:'v5_right_bottom_contentPaddingStatus', fields:['v5_right_bottom_contentPadding'], isPMR: true});
|
|
3832
3845
|
this.v5_right_bottom_contentBgColor = gCPVal(container, 'v5_right_bottom_contentBgColor', '', {sKey:'v5_right_bottom_contentBgStatus', fields:['v5_right_bottom_contentBgColor', 'v5_right_bottom_contentBgImage']});
|
|
3833
3846
|
this.v5_right_bottom_contentBgImage = gCPVal(container, 'v5_right_bottom_contentBgImage', {}, {sKey:'v5_right_bottom_contentBgStatus', fields:['v5_right_bottom_contentBgColor', 'v5_right_bottom_contentBgImage']}).url;
|
|
3834
3847
|
this.v5_right_bottom_titleLayout = gCPVal(container, 'v5_right_bottom_titleLayout', 'leftRight');
|
|
3835
3848
|
this.v5_right_bottom_titleTextStyle = this.getFontAndBgcStyle(
|
|
3836
3849
|
gCPVal(container, 'v5_right_bottom_titleTextStyle', {}, {sKey:'v5_right_bottom_titleTextStatus', fields:['v5_right_bottom_titleTextStyle'], isMerge: true}),
|
|
3837
|
-
{ fontSize: '
|
|
3850
|
+
{ fontSize: '36rpx', color: '#333333', fontWeight: '500', textAlign: 'left' }
|
|
3838
3851
|
);
|
|
3839
3852
|
this.v5_right_bottom_subtitleTextStyle = this.getFontAndBgcStyle(
|
|
3840
3853
|
gCPVal(container, 'v5_right_bottom_subtitleTextStyle', {}, {sKey:'v5_right_bottom_subtitleTextStatus', fields:['v5_right_bottom_subtitleTextStyle'], isMerge: true}),
|
|
3841
3854
|
{ fontSize: '22rpx', color: '#999999', fontWeight: '400', textAlign: 'left' }
|
|
3842
3855
|
);
|
|
3843
3856
|
this.v5_right_bottom_titleMargin = gCPVal(container, 'v5_right_bottom_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 20 }], {sKey:'v5_right_bottom_titleMarginStatus', fields:['v5_right_bottom_titleMargin'], isPMR: true});
|
|
3844
|
-
this.v5_right_bottom_titleBgColor = gCPVal(container, 'v5_right_bottom_titleBgColor', '
|
|
3857
|
+
this.v5_right_bottom_titleBgColor = gCPVal(container, 'v5_right_bottom_titleBgColor', '', {sKey:'v5_right_bottom_titleBgStatus', fields:['v5_right_bottom_titleBgColor', 'v5_right_bottom_titleBgImage']});
|
|
3845
3858
|
this.v5_right_bottom_titleBgImage = gCPVal(container, 'v5_right_bottom_titleBgImage', {}, {sKey:'v5_right_bottom_titleBgStatus', fields:['v5_right_bottom_titleBgColor', 'v5_right_bottom_titleBgImage']}).url;
|
|
3846
3859
|
this.v5_right_bottom_titleBorder = gCPVal(container, 'v5_right_bottom_titleBorder', [{color: '#e5e5e5',width: 0,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['v5_right_bottom_titleBorder']});
|
|
3847
3860
|
this.v5_right_bottom_titleShadow = gCPVal(container, 'v5_right_bottom_titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
|
|
@@ -3865,7 +3878,7 @@
|
|
|
3865
3878
|
// 右侧区域配置
|
|
3866
3879
|
this.v6_right_showEffect = gCPVal(container, 'v6_right_showEffect', 1);
|
|
3867
3880
|
this.v6_right_slideNumber = gCPVal(container, 'v6_right_slideNumber', 4);
|
|
3868
|
-
this.v6_right_xnamespace = gCPVal(container, 'v6_right_xnamespace', this.projectAttr.business_code);
|
|
3881
|
+
this.v6_right_xnamespace = gCPVal(container, 'v6_right_xnamespace', this.projectAttr.business_code||this.v6_right_xnamespace);
|
|
3869
3882
|
this.v6_right_category_ids = gCPVal(container, 'v6_right_category_ids', []);
|
|
3870
3883
|
this.v6_right_marketType = gCPVal(container, 'v6_right_marketType', []);
|
|
3871
3884
|
this.v6_right_isPlatformTags = gCPVal(container, 'v6_right_isPlatformTags', []);
|
|
@@ -3897,7 +3910,7 @@
|
|
|
3897
3910
|
this.v7_left_dotType = gCPVal(container, 'v7_left_dotType', 'dot');
|
|
3898
3911
|
this.v7_left_imageScale = gCPVal(container, 'v7_left_imageScale', 'fill');
|
|
3899
3912
|
console.log('[v7] init imageScale =', this.v7_left_imageScale);
|
|
3900
|
-
this.v7_left_xnamespace = gCPVal(container, 'v7_left_xnamespace', this.projectAttr.business_code);
|
|
3913
|
+
this.v7_left_xnamespace = gCPVal(container, 'v7_left_xnamespace', this.projectAttr.business_code||this.v7_left_xnamespace);
|
|
3901
3914
|
|
|
3902
3915
|
// 右侧区域配置
|
|
3903
3916
|
this.v7_right_is_title = gCPVal(container, 'v7_right_is_title', 'Y');
|
|
@@ -3907,7 +3920,7 @@
|
|
|
3907
3920
|
this.v7_right_isMore = gCPVal(container, 'v7_right_isMore', 'N');
|
|
3908
3921
|
this.v7_right_moreName = gCPVal(container, 'v7_right_moreName', '更多');
|
|
3909
3922
|
this.v7_right_morePath = gCPVal(container, 'v7_right_morePath', {value: ''}).value;
|
|
3910
|
-
this.v7_right_xnamespace = gCPVal(container, 'v7_right_xnamespace', this.projectAttr.business_code);
|
|
3923
|
+
this.v7_right_xnamespace = gCPVal(container, 'v7_right_xnamespace', this.projectAttr.business_code||this.v7_right_xnamespace);
|
|
3911
3924
|
this.v7_right_category_ids = gCPVal(container, 'v7_right_category_ids', []);
|
|
3912
3925
|
this.v7_right_marketType = gCPVal(container, 'v7_right_marketType', []);
|
|
3913
3926
|
this.v7_right_isPlatformTags = gCPVal(container, 'v7_right_isPlatformTags', []);
|
|
@@ -3939,7 +3952,7 @@
|
|
|
3939
3952
|
{ fontSize: '24rpx', color: '#999999', fontWeight: 'normal', textAlign: 'left' }
|
|
3940
3953
|
);
|
|
3941
3954
|
this.v7_right_titleMargin = gCPVal(container, 'v7_right_titleMargin', [{ top: 0, left: 0, right: 0, bottom: 12 }], {sKey:'v7_right_titleMarginStatus', fields:['v7_right_titleMargin'], isPMR: true});
|
|
3942
|
-
this.v7_right_titleBgColor = gCPVal(container, 'v7_right_titleBgColor', '
|
|
3955
|
+
this.v7_right_titleBgColor = gCPVal(container, 'v7_right_titleBgColor', '', {sKey:'v7_right_titleBgStatus', fields:['v7_right_titleBgColor', 'v7_right_titleBgImage']});
|
|
3943
3956
|
this.v7_right_titleBgImage = gCPVal(container, 'v7_right_titleBgImage', {}, {sKey:'v7_right_titleBgStatus', fields:['v7_right_titleBgColor', 'v7_right_titleBgImage']}).url;
|
|
3944
3957
|
this.v7_right_titleBorder = gCPVal(container, 'v7_right_titleBorder', [{color: '#e5e5e5',width: 0,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['v7_right_titleBorder']});
|
|
3945
3958
|
this.v7_right_titleShadow = gCPVal(container, 'v7_right_titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
|
|
@@ -4146,6 +4159,13 @@
|
|
|
4146
4159
|
xnamespace = this.v1_xnamespace;
|
|
4147
4160
|
}
|
|
4148
4161
|
|
|
4162
|
+
const isPreviewMode = this.$configProject['isPreview'];
|
|
4163
|
+
// 预览模式下不判断业务线是否存在,直接请求接口返回mock数据
|
|
4164
|
+
if (!isPreviewMode) {
|
|
4165
|
+
// 过滤掉没有业务线值(xnamespace为空)的区域,传参只保留有业务线值的区域
|
|
4166
|
+
blocks = blocks.filter(block => block.filters && block.filters.namespace);
|
|
4167
|
+
}
|
|
4168
|
+
|
|
4149
4169
|
// 过滤掉 filters 中的空值参数(空字符串/空数组/null/undefined 不传递)
|
|
4150
4170
|
blocks.forEach(block => {
|
|
4151
4171
|
if (block.filters) {
|
|
@@ -4160,6 +4180,9 @@
|
|
|
4160
4180
|
}
|
|
4161
4181
|
});
|
|
4162
4182
|
|
|
4183
|
+
// 非预览模式下,单区域布局没有业务线值、或多区域布局所有区域都没有业务线值时,不请求接口
|
|
4184
|
+
if (!isPreviewMode && blocks.length === 0) return;
|
|
4185
|
+
|
|
4163
4186
|
this.fetchMarketMallProductList(blocks, xnamespace);
|
|
4164
4187
|
},
|
|
4165
4188
|
fetchMarketMallProductList(blocks, xnamespace) {
|
|
@@ -123,6 +123,11 @@
|
|
|
123
123
|
flex: 0 0 calc((100% / var(--columns, 2)) - (10rpx * (var(--columns, 2) - 1) / var(--columns, 2)));
|
|
124
124
|
box-sizing: border-box;
|
|
125
125
|
|
|
126
|
+
// 布局1滑块模式:显示 columns 个完整商品 + 半个商品(提示可滑动)
|
|
127
|
+
&.jfb-mall-market-new__body-product--v1-scroll {
|
|
128
|
+
flex: 0 0 calc((100% - 10rpx * (var(--columns, 2) - 1)) / (var(--columns, 2) + 0.5));
|
|
129
|
+
}
|
|
130
|
+
|
|
126
131
|
// 布局5滑块模式下的商品图片固定尺寸
|
|
127
132
|
&.jfb-mall-market-new__body-product--v5-scroll {
|
|
128
133
|
flex: 0 0 calc(100% / 2);
|
|
@@ -134,7 +139,7 @@
|
|
|
134
139
|
.jfb-mall-market-new__body-product-image {
|
|
135
140
|
width: 100%;
|
|
136
141
|
aspect-ratio: 1 / 1;
|
|
137
|
-
margin-bottom:
|
|
142
|
+
margin-bottom: 16rpx;
|
|
138
143
|
flex-shrink: 0;
|
|
139
144
|
overflow: hidden;
|
|
140
145
|
|
|
@@ -431,7 +436,7 @@
|
|
|
431
436
|
min-width: 0;
|
|
432
437
|
display: flex;
|
|
433
438
|
flex-direction: column;
|
|
434
|
-
gap:
|
|
439
|
+
gap: 16rpx;
|
|
435
440
|
|
|
436
441
|
&-top {
|
|
437
442
|
flex: 1;
|
|
@@ -439,7 +444,7 @@
|
|
|
439
444
|
|
|
440
445
|
&-products {
|
|
441
446
|
display: flex;
|
|
442
|
-
gap:
|
|
447
|
+
gap: 20rpx;
|
|
443
448
|
|
|
444
449
|
.jfb-mall-market-new__body-product {
|
|
445
450
|
flex: 1;
|
|
@@ -452,7 +457,7 @@
|
|
|
452
457
|
&-image {
|
|
453
458
|
width: 100%;
|
|
454
459
|
aspect-ratio: 1 / 1;
|
|
455
|
-
margin-bottom:
|
|
460
|
+
margin-bottom: 16rpx;
|
|
456
461
|
flex-shrink: 0;
|
|
457
462
|
overflow: hidden;
|
|
458
463
|
|
|
@@ -514,7 +519,7 @@
|
|
|
514
519
|
|
|
515
520
|
&-products {
|
|
516
521
|
display: flex;
|
|
517
|
-
gap:
|
|
522
|
+
gap: 20rpx;
|
|
518
523
|
|
|
519
524
|
.jfb-mall-market-new__body-product {
|
|
520
525
|
flex: 1;
|
|
@@ -527,7 +532,7 @@
|
|
|
527
532
|
&-image {
|
|
528
533
|
width: 100%;
|
|
529
534
|
aspect-ratio: 1 / 1;
|
|
530
|
-
margin-bottom:
|
|
535
|
+
margin-bottom: 16rpx;
|
|
531
536
|
flex-shrink: 0;
|
|
532
537
|
overflow: hidden;
|
|
533
538
|
|
|
@@ -856,7 +861,7 @@
|
|
|
856
861
|
// 右上商品列表样式
|
|
857
862
|
&-products {
|
|
858
863
|
display: flex;
|
|
859
|
-
gap:
|
|
864
|
+
gap: 20rpx;
|
|
860
865
|
|
|
861
866
|
.jfb-mall-market-new__body-product {
|
|
862
867
|
flex: 1;
|
|
@@ -875,7 +880,7 @@
|
|
|
875
880
|
// 右下商品列表样式
|
|
876
881
|
&-products {
|
|
877
882
|
display: flex;
|
|
878
|
-
gap:
|
|
883
|
+
gap: 20rpx;
|
|
879
884
|
|
|
880
885
|
.jfb-mall-market-new__body-product {
|
|
881
886
|
flex: 1;
|
|
@@ -1340,18 +1345,22 @@
|
|
|
1340
1345
|
width: 100%;
|
|
1341
1346
|
font-size: 24rpx;
|
|
1342
1347
|
color: #333;
|
|
1348
|
+
margin-bottom: 12rpx;
|
|
1343
1349
|
white-space: nowrap;
|
|
1344
1350
|
overflow: hidden;
|
|
1345
1351
|
text-overflow: ellipsis;
|
|
1352
|
+
text-align: left;
|
|
1346
1353
|
}
|
|
1347
1354
|
|
|
1348
1355
|
// 商品品牌样式
|
|
1349
1356
|
&-brand {
|
|
1357
|
+
width: 100%;
|
|
1350
1358
|
font-size: 20rpx;
|
|
1351
1359
|
color: #999;
|
|
1352
1360
|
white-space: nowrap;
|
|
1353
1361
|
overflow: hidden;
|
|
1354
1362
|
text-overflow: ellipsis;
|
|
1363
|
+
text-align: left;
|
|
1355
1364
|
}
|
|
1356
1365
|
|
|
1357
1366
|
// 商品价格样式
|
|
@@ -1399,7 +1408,7 @@
|
|
|
1399
1408
|
&-name {
|
|
1400
1409
|
font-size: 24rpx;
|
|
1401
1410
|
color: #333;
|
|
1402
|
-
margin-bottom:
|
|
1411
|
+
margin-bottom: 12rpx;
|
|
1403
1412
|
text-align: left;
|
|
1404
1413
|
white-space: nowrap;
|
|
1405
1414
|
overflow: hidden;
|
|
@@ -1416,7 +1425,7 @@
|
|
|
1416
1425
|
white-space: nowrap;
|
|
1417
1426
|
overflow: hidden;
|
|
1418
1427
|
text-overflow: ellipsis;
|
|
1419
|
-
|
|
1428
|
+
width: 100%;
|
|
1420
1429
|
}
|
|
1421
1430
|
|
|
1422
1431
|
// 商品价格样式(上下布局)
|
|
@@ -1426,6 +1435,13 @@
|
|
|
1426
1435
|
align-self: flex-start;
|
|
1427
1436
|
}
|
|
1428
1437
|
|
|
1438
|
+
// 划线价与金额间距 4px
|
|
1439
|
+
&-price, &-info-price {
|
|
1440
|
+
::v-deep .line_one_delete {
|
|
1441
|
+
margin-top: 8rpx;
|
|
1442
|
+
}
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1429
1445
|
// 立即购买按钮样式(上下布局)
|
|
1430
1446
|
&-button {
|
|
1431
1447
|
font-size: 24rpx;
|
|
@@ -1491,7 +1507,7 @@
|
|
|
1491
1507
|
|
|
1492
1508
|
.jfb-mall-market-new__body-product-name,
|
|
1493
1509
|
.jfb-mall-market-new__body-product-info-name {
|
|
1494
|
-
margin-bottom:
|
|
1510
|
+
margin-bottom: 12rpx;
|
|
1495
1511
|
white-space: nowrap;
|
|
1496
1512
|
overflow: hidden;
|
|
1497
1513
|
text-overflow: ellipsis;
|
|
@@ -99,19 +99,26 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
99
99
|
{"label": "滑块", "value": 2},
|
|
100
100
|
]
|
|
101
101
|
},
|
|
102
|
-
data.styleLayout === 'v1' && data['v1_showEffect'] === 2 && {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
102
|
+
data.styleLayout === 'v1' && data['v1_showEffect'] === 2 && (() => {
|
|
103
|
+
// 滑块数量默认为列数的两倍;若已存值等于任一列数的默认两倍,则视为默认值跟随当前列数
|
|
104
|
+
const columns = Number(data.v1_productColumns) || 4;
|
|
105
|
+
const defaultSlideNumber = String(columns * 2);
|
|
106
|
+
const stored = data.v1_slideNumber;
|
|
107
|
+
const isDefaultValue = stored === undefined || stored === null || stored === '' || ['4', '6', '8'].includes(String(stored));
|
|
108
|
+
return {
|
|
109
|
+
labelInline: true,
|
|
110
|
+
label: '',
|
|
111
|
+
ele: 'el-input',
|
|
112
|
+
type: 'number',
|
|
113
|
+
valueKey: 'v1_slideNumber',
|
|
114
|
+
groupKey:'content',
|
|
115
|
+
value: isDefaultValue ? defaultSlideNumber : stored,
|
|
116
|
+
cusStyle: { paddingLeft: '100px' },
|
|
117
|
+
placeholder: '请输入数量',
|
|
118
|
+
className: 'input60',
|
|
119
|
+
unit:'个',
|
|
120
|
+
};
|
|
121
|
+
})(),
|
|
115
122
|
data.styleLayout === 'v2' && {
|
|
116
123
|
label: "每块商数量",
|
|
117
124
|
ele: "xd-radio",
|
|
@@ -198,7 +198,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
198
198
|
},
|
|
199
199
|
// 商品分类
|
|
200
200
|
data.v1_xnamespace && {
|
|
201
|
-
label: '
|
|
201
|
+
label: '商品分类',
|
|
202
202
|
ele: 'xd-site-select-list',
|
|
203
203
|
valueKey: 'v1_category_ids',
|
|
204
204
|
value: data['v1_category_ids'] || '',
|
|
@@ -231,7 +231,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
231
231
|
multiple: true,
|
|
232
232
|
},
|
|
233
233
|
groupKey:'content',
|
|
234
|
-
className: '
|
|
234
|
+
className: 'input80',
|
|
235
235
|
labelInline:true,
|
|
236
236
|
handleCustom({action, data}) {
|
|
237
237
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -275,7 +275,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
275
275
|
}
|
|
276
276
|
},
|
|
277
277
|
// 商品链接
|
|
278
|
-
|
|
278
|
+
{
|
|
279
279
|
label: '商品链接',
|
|
280
280
|
ele: 'xd-select-pages-path',
|
|
281
281
|
valueKey: 'v1_productLink',
|
|
@@ -289,7 +289,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
289
289
|
className: 'input80',
|
|
290
290
|
inline: false,
|
|
291
291
|
notice: '默认为高级里配置的链接,可自定义',
|
|
292
|
-
},
|
|
292
|
+
},
|
|
293
293
|
{ele: 'group_end'},
|
|
294
294
|
].filter(i=>i)
|
|
295
295
|
};
|
|
@@ -257,7 +257,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
257
257
|
hidden: currentArea !== 'left'
|
|
258
258
|
},
|
|
259
259
|
data.v2_left_xnamespace && {
|
|
260
|
-
label: '
|
|
260
|
+
label: '商品分类',
|
|
261
261
|
ele: 'xd-site-select-list',
|
|
262
262
|
valueKey: 'v2_left_category_ids',
|
|
263
263
|
value: data['v2_left_category_ids'] || '',
|
|
@@ -290,7 +290,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
290
290
|
multiple: true,
|
|
291
291
|
},
|
|
292
292
|
groupKey:'content',
|
|
293
|
-
className: '
|
|
293
|
+
className: 'input80',
|
|
294
294
|
labelInline:true,
|
|
295
295
|
handleCustom({action, data}) {
|
|
296
296
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -334,7 +334,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
334
334
|
},
|
|
335
335
|
hidden: currentArea !== 'left'
|
|
336
336
|
},
|
|
337
|
-
|
|
337
|
+
{
|
|
338
338
|
label: '商品链接',
|
|
339
339
|
ele: 'xd-select-pages-path',
|
|
340
340
|
valueKey: 'v2_left_productLink',
|
|
@@ -349,7 +349,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
349
349
|
inline: false,
|
|
350
350
|
notice: '默认为高级里配置的链接,可自定义',
|
|
351
351
|
hidden: currentArea !== 'left'
|
|
352
|
-
},
|
|
352
|
+
},
|
|
353
353
|
{
|
|
354
354
|
ele: 'group_end',
|
|
355
355
|
hidden: currentArea !== 'left'
|
|
@@ -570,7 +570,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
570
570
|
hidden: currentArea !== 'right'
|
|
571
571
|
},
|
|
572
572
|
data.v2_right_xnamespace && {
|
|
573
|
-
label: '
|
|
573
|
+
label: '商品分类',
|
|
574
574
|
ele: 'xd-site-select-list',
|
|
575
575
|
valueKey: 'v2_right_category_ids',
|
|
576
576
|
value: data['v2_right_category_ids'] || '',
|
|
@@ -603,7 +603,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
603
603
|
multiple: true,
|
|
604
604
|
},
|
|
605
605
|
groupKey:'content',
|
|
606
|
-
className: '
|
|
606
|
+
className: 'input80',
|
|
607
607
|
labelInline:true,
|
|
608
608
|
handleCustom({action, data}) {
|
|
609
609
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -647,7 +647,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
647
647
|
},
|
|
648
648
|
hidden: currentArea !== 'right'
|
|
649
649
|
},
|
|
650
|
-
|
|
650
|
+
{
|
|
651
651
|
label: '商品链接',
|
|
652
652
|
ele: 'xd-select-pages-path',
|
|
653
653
|
valueKey: 'v2_right_productLink',
|
|
@@ -662,7 +662,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
662
662
|
inline: false,
|
|
663
663
|
notice: '默认为高级里配置的链接,可自定义',
|
|
664
664
|
hidden: currentArea !== 'right'
|
|
665
|
-
},
|
|
665
|
+
},
|
|
666
666
|
{
|
|
667
667
|
ele: 'group_end',
|
|
668
668
|
hidden: currentArea !== 'right'
|
|
@@ -236,7 +236,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
236
236
|
hidden: currentArea !== areaPrefix.slice(0, -1)
|
|
237
237
|
},
|
|
238
238
|
data[`v3_${areaPrefix}xnamespace`] && {
|
|
239
|
-
label: '
|
|
239
|
+
label: '商品分类',
|
|
240
240
|
ele: 'xd-site-select-list',
|
|
241
241
|
valueKey: `v3_${areaPrefix}category_ids`,
|
|
242
242
|
value: data[`v3_${areaPrefix}category_ids`] || '',
|
|
@@ -269,7 +269,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
269
269
|
multiple: true,
|
|
270
270
|
},
|
|
271
271
|
groupKey:'content',
|
|
272
|
-
className: '
|
|
272
|
+
className: 'input80',
|
|
273
273
|
labelInline:true,
|
|
274
274
|
handleCustom({action, data}) {
|
|
275
275
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -313,7 +313,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
313
313
|
},
|
|
314
314
|
hidden: currentArea !== areaPrefix.slice(0, -1)
|
|
315
315
|
},
|
|
316
|
-
|
|
316
|
+
{
|
|
317
317
|
label: '商品链接',
|
|
318
318
|
ele: 'xd-select-pages-path',
|
|
319
319
|
valueKey: `v3_${areaPrefix}productLink`,
|
|
@@ -328,7 +328,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
328
328
|
inline: false,
|
|
329
329
|
notice: '默认为高级里配置的链接,可自定义',
|
|
330
330
|
hidden: currentArea !== areaPrefix.slice(0, -1)
|
|
331
|
-
},
|
|
331
|
+
},
|
|
332
332
|
{
|
|
333
333
|
ele: 'group_end',
|
|
334
334
|
hidden: currentArea !== areaPrefix.slice(0, -1)
|
|
@@ -197,7 +197,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
197
197
|
hidden: currentArea !== 'header'
|
|
198
198
|
},
|
|
199
199
|
data.v4_header_xnamespace && {
|
|
200
|
-
label: '
|
|
200
|
+
label: '商品分类',
|
|
201
201
|
ele: 'xd-site-select-list',
|
|
202
202
|
valueKey: 'v4_header_category_ids',
|
|
203
203
|
value: data['v4_header_category_ids'] || '',
|
|
@@ -230,7 +230,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
230
230
|
multiple: true,
|
|
231
231
|
},
|
|
232
232
|
groupKey:'content',
|
|
233
|
-
className: '
|
|
233
|
+
className: 'input80',
|
|
234
234
|
labelInline:true,
|
|
235
235
|
handleCustom({action, data}) {
|
|
236
236
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -274,7 +274,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
274
274
|
},
|
|
275
275
|
hidden: currentArea !== 'header'
|
|
276
276
|
},
|
|
277
|
-
|
|
277
|
+
{
|
|
278
278
|
label: '商品链接',
|
|
279
279
|
ele: 'xd-select-pages-path',
|
|
280
280
|
valueKey: 'v4_header_productLink',
|
|
@@ -289,7 +289,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
289
289
|
inline: false,
|
|
290
290
|
notice: '默认为高级里配置的链接,可自定义',
|
|
291
291
|
hidden: currentArea !== 'header'
|
|
292
|
-
},
|
|
292
|
+
},
|
|
293
293
|
{
|
|
294
294
|
ele: 'group_end',
|
|
295
295
|
hidden: currentArea !== 'header'
|
|
@@ -449,7 +449,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
449
449
|
hidden: currentArea !== 'left'
|
|
450
450
|
},
|
|
451
451
|
data.v4_left_xnamespace && {
|
|
452
|
-
label: '
|
|
452
|
+
label: '商品分类',
|
|
453
453
|
ele: 'xd-site-select-list',
|
|
454
454
|
valueKey: 'v4_left_category_ids',
|
|
455
455
|
value: data['v4_left_category_ids'] || '',
|
|
@@ -482,7 +482,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
482
482
|
multiple: true,
|
|
483
483
|
},
|
|
484
484
|
groupKey:'content',
|
|
485
|
-
className: '
|
|
485
|
+
className: 'input80',
|
|
486
486
|
labelInline:true,
|
|
487
487
|
handleCustom({action, data}) {
|
|
488
488
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -526,7 +526,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
526
526
|
},
|
|
527
527
|
hidden: currentArea !== 'left'
|
|
528
528
|
},
|
|
529
|
-
|
|
529
|
+
{
|
|
530
530
|
label: '商品链接',
|
|
531
531
|
ele: 'xd-select-pages-path',
|
|
532
532
|
valueKey: 'v4_left_productLink',
|
|
@@ -541,7 +541,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
541
541
|
inline: false,
|
|
542
542
|
notice: '默认为高级里配置的链接,可自定义',
|
|
543
543
|
hidden: currentArea !== 'left'
|
|
544
|
-
},
|
|
544
|
+
},
|
|
545
545
|
{
|
|
546
546
|
ele: 'group_end',
|
|
547
547
|
hidden: currentArea !== 'left'
|
|
@@ -701,7 +701,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
701
701
|
hidden: currentArea !== 'right'
|
|
702
702
|
},
|
|
703
703
|
data.v4_right_xnamespace && {
|
|
704
|
-
label: '
|
|
704
|
+
label: '商品分类',
|
|
705
705
|
ele: 'xd-site-select-list',
|
|
706
706
|
valueKey: 'v4_right_category_ids',
|
|
707
707
|
value: data['v4_right_category_ids'] || '',
|
|
@@ -734,7 +734,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
734
734
|
multiple: true,
|
|
735
735
|
},
|
|
736
736
|
groupKey:'content',
|
|
737
|
-
className: '
|
|
737
|
+
className: 'input80',
|
|
738
738
|
labelInline:true,
|
|
739
739
|
handleCustom({action, data}) {
|
|
740
740
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -778,7 +778,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
778
778
|
},
|
|
779
779
|
hidden: currentArea !== 'right'
|
|
780
780
|
},
|
|
781
|
-
|
|
781
|
+
{
|
|
782
782
|
label: '商品链接',
|
|
783
783
|
ele: 'xd-select-pages-path',
|
|
784
784
|
valueKey: 'v4_right_productLink',
|
|
@@ -793,7 +793,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
793
793
|
inline: false,
|
|
794
794
|
notice: '默认为高级里配置的链接,可自定义',
|
|
795
795
|
hidden: currentArea !== 'right'
|
|
796
|
-
},
|
|
796
|
+
},
|
|
797
797
|
{
|
|
798
798
|
ele: 'group_end',
|
|
799
799
|
hidden: currentArea !== 'right'
|
|
@@ -535,7 +535,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
535
535
|
}
|
|
536
536
|
},
|
|
537
537
|
data.v5_right_top_xnamespace && {
|
|
538
|
-
label: '
|
|
538
|
+
label: '商品分类',
|
|
539
539
|
ele: 'xd-site-select-list',
|
|
540
540
|
valueKey: 'v5_right_top_category_ids',
|
|
541
541
|
value: data['v5_right_top_category_ids'] || '',
|
|
@@ -568,7 +568,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
568
568
|
multiple: true,
|
|
569
569
|
},
|
|
570
570
|
groupKey:'content',
|
|
571
|
-
className: '
|
|
571
|
+
className: 'input80',
|
|
572
572
|
labelInline:true,
|
|
573
573
|
hidden: currentArea !== 'right-top',
|
|
574
574
|
handleCustom({action, data}) {
|
|
@@ -795,7 +795,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
795
795
|
}
|
|
796
796
|
},
|
|
797
797
|
data.v5_right_bottom_xnamespace && {
|
|
798
|
-
label: '
|
|
798
|
+
label: '商品分类',
|
|
799
799
|
ele: 'xd-site-select-list',
|
|
800
800
|
valueKey: 'v5_right_bottom_category_ids',
|
|
801
801
|
value: data['v5_right_bottom_category_ids'] || '',
|
|
@@ -828,7 +828,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
828
828
|
multiple: true,
|
|
829
829
|
},
|
|
830
830
|
groupKey:'content',
|
|
831
|
-
className: '
|
|
831
|
+
className: 'input80',
|
|
832
832
|
labelInline:true,
|
|
833
833
|
hidden: currentArea !== 'right-bottom',
|
|
834
834
|
handleCustom({action, data}) {
|
|
@@ -106,7 +106,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
106
106
|
}
|
|
107
107
|
},
|
|
108
108
|
currentArea === 'right-product' && data.v6_right_xnamespace && {
|
|
109
|
-
label: '
|
|
109
|
+
label: '商品分类',
|
|
110
110
|
ele: 'xd-site-select-list',
|
|
111
111
|
valueKey: 'v6_right_category_ids',
|
|
112
112
|
value: data['v6_right_category_ids'] || '',
|
|
@@ -138,7 +138,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
138
138
|
multiple: true,
|
|
139
139
|
},
|
|
140
140
|
groupKey:'content',
|
|
141
|
-
className: '
|
|
141
|
+
className: 'input80',
|
|
142
142
|
labelInline:true,
|
|
143
143
|
handleCustom({action, data}) {
|
|
144
144
|
XdBus.getParentApi('getMarketOption')({
|
|
@@ -533,7 +533,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
533
533
|
}
|
|
534
534
|
},
|
|
535
535
|
data.v7_right_xnamespace && {
|
|
536
|
-
label: '
|
|
536
|
+
label: '商品分类',
|
|
537
537
|
ele: 'xd-site-select-list',
|
|
538
538
|
valueKey: 'v7_right_category_ids',
|
|
539
539
|
value: data['v7_right_category_ids'] || '',
|
|
@@ -566,7 +566,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
566
566
|
multiple: true,
|
|
567
567
|
},
|
|
568
568
|
groupKey:'content',
|
|
569
|
-
className: '
|
|
569
|
+
className: 'input80',
|
|
570
570
|
labelInline:true,
|
|
571
571
|
hidden: currentArea !== 'right-product',
|
|
572
572
|
handleCustom({action, data}) {
|
|
@@ -263,7 +263,7 @@ export default function (data, gValue, gColor, oldData) {
|
|
|
263
263
|
ele: 'xd-color',
|
|
264
264
|
valueKey: `${prefix}titleBgColor`,
|
|
265
265
|
labelInline: true,
|
|
266
|
-
value: dataVal({data, key:`${prefix}titleBgColor`, dValue:'
|
|
266
|
+
value: dataVal({data, key:`${prefix}titleBgColor`, dValue:'', gValue}),
|
|
267
267
|
hidden: !statusShow({data, key: `${prefix}titleBgStatus`, fields:[`${prefix}titleBgColor`, `${prefix}titleBgImage`], gValue}),
|
|
268
268
|
placeholder: '请选择背景颜色',
|
|
269
269
|
className: 'input80',
|
|
@@ -350,7 +350,7 @@ export default function (data, gValue, gColor, oldData) {
|
|
|
350
350
|
ele: 'xd-color',
|
|
351
351
|
valueKey: `${areaPrefix}titleBgColor`,
|
|
352
352
|
labelInline: true,
|
|
353
|
-
value: dataVal({data, key:`${areaPrefix}titleBgColor`, dValue:'
|
|
353
|
+
value: dataVal({data, key:`${areaPrefix}titleBgColor`, dValue:'', gValue}),
|
|
354
354
|
hidden: !statusShow({data, key: `${areaPrefix}titleBgStatus`, fields:[`${areaPrefix}titleBgColor`], gValue}) || currentArea !== areaPrefix.slice(0, -1),
|
|
355
355
|
placeholder: '请选择背景色',
|
|
356
356
|
className: 'input80',
|
|
@@ -431,7 +431,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
431
431
|
ele: 'xd-color',
|
|
432
432
|
valueKey: `${areaPrefix}_titleBgColor`,
|
|
433
433
|
labelInline: true,
|
|
434
|
-
value: dataVal({data, key: `${areaPrefix}_titleBgColor`, dValue: '
|
|
434
|
+
value: dataVal({data, key: `${areaPrefix}_titleBgColor`, dValue: '', gValue}),
|
|
435
435
|
hidden: !statusShow({data, key: `${areaPrefix}_titleBgStatus`, fields: [`${areaPrefix}_titleBgColor`, `${areaPrefix}_titleBgImage`], gValue}) || currentArea !== areaName,
|
|
436
436
|
placeholder: '请选择背景颜色',
|
|
437
437
|
className: 'input80',
|
|
@@ -83,7 +83,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
83
83
|
value: dataVal({
|
|
84
84
|
data,
|
|
85
85
|
key: `${areaPrefix}_contentPadding`,
|
|
86
|
-
dValue: { top: 0, left: 0, right: 0, bottom: 0 },
|
|
86
|
+
dValue: areaPrefix === 'v5_left' ? { top: 0, left: 0, right: 0, bottom: 0 } : { top: 20, left: 20, right: 20, bottom: 20 },
|
|
87
87
|
gValue,
|
|
88
88
|
isPM: true,
|
|
89
89
|
}),
|
|
@@ -191,7 +191,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
191
191
|
ele: 'xd-text-and-bgc',
|
|
192
192
|
groupKey:'style',
|
|
193
193
|
valueKey: `${areaPrefix}_titleTextStyle`,
|
|
194
|
-
value: dataVal({data, key: `${areaPrefix}_titleTextStyle`, dValue: { fontSize: '
|
|
194
|
+
value: dataVal({data, key: `${areaPrefix}_titleTextStyle`, dValue: { fontSize: '36rpx', color: '#333333', fontWeight: 'normal', textAlign: 'left' }, gValue}),
|
|
195
195
|
hidden: !statusShow({data, key: `${areaPrefix}_titleTextStatus`, fields: [`${areaPrefix}_titleTextStyle`], gValue}) || currentArea !== areaName,
|
|
196
196
|
setting: {
|
|
197
197
|
fontSize: true,
|
|
@@ -199,7 +199,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
199
199
|
bgColor: false,
|
|
200
200
|
selected: false,
|
|
201
201
|
default: {
|
|
202
|
-
fontSize: '
|
|
202
|
+
fontSize: '36rpx',
|
|
203
203
|
color: '#333333',
|
|
204
204
|
fontWeight: 'normal',
|
|
205
205
|
textAlign: 'left'
|
|
@@ -343,7 +343,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
343
343
|
ele: 'xd-color',
|
|
344
344
|
valueKey: `${areaPrefix}_titleBgColor`,
|
|
345
345
|
labelInline: true,
|
|
346
|
-
value: dataVal({data, key: `${areaPrefix}_titleBgColor`, dValue: '
|
|
346
|
+
value: dataVal({data, key: `${areaPrefix}_titleBgColor`, dValue: '', gValue}),
|
|
347
347
|
hidden: !statusShow({data, key: `${areaPrefix}_titleBgStatus`, fields: [`${areaPrefix}_titleBgColor`, `${areaPrefix}_titleBgImage`], gValue}) || currentArea !== areaName,
|
|
348
348
|
placeholder: '请选择背景颜色',
|
|
349
349
|
className: 'input80',
|
|
@@ -333,7 +333,7 @@ export default (data, gValue, gColor, oldData) => {
|
|
|
333
333
|
ele: 'xd-color',
|
|
334
334
|
valueKey: `${areaPrefix}_titleBgColor`,
|
|
335
335
|
labelInline: true,
|
|
336
|
-
value: dataVal({data, key: `${areaPrefix}_titleBgColor`, dValue: '
|
|
336
|
+
value: dataVal({data, key: `${areaPrefix}_titleBgColor`, dValue: '', gValue}),
|
|
337
337
|
hidden: !statusShow({data, key: `${areaPrefix}_titleBgStatus`, fields: [`${areaPrefix}_titleBgColor`, `${areaPrefix}_titleBgImage`], gValue}) || currentArea !== areaName,
|
|
338
338
|
placeholder: '请选择背景颜色',
|
|
339
339
|
className: 'input80',
|
|
@@ -25,6 +25,10 @@ export default function (data, gValue, gColor, oldData) {
|
|
|
25
25
|
// 获取当前布局类型
|
|
26
26
|
const styleLayout = data.styleLayout;
|
|
27
27
|
|
|
28
|
+
// v5布局时,清空margin/padding旧值,确保使用正确的默认值
|
|
29
|
+
// 创建data副本,避免影响外部数据
|
|
30
|
+
const v5Data = styleLayout === 'v5' ? { ...data, margin: undefined, padding: undefined } : data;
|
|
31
|
+
|
|
28
32
|
// 公用样式属性
|
|
29
33
|
const commonStyleAttrs = [
|
|
30
34
|
{
|
|
@@ -54,7 +58,7 @@ export default function (data, gValue, gColor, oldData) {
|
|
|
54
58
|
valueKey: 'margin',
|
|
55
59
|
hidden:!statusShow({data, key: 'marginStatus', fields:['margin'], gValue}),
|
|
56
60
|
value: dataVal({
|
|
57
|
-
data,
|
|
61
|
+
data: v5Data,
|
|
58
62
|
key: 'margin',
|
|
59
63
|
dValue: { top: 0, left: 16, right: 16, bottom: 16 },
|
|
60
64
|
gValue,
|
|
@@ -86,9 +90,9 @@ export default function (data, gValue, gColor, oldData) {
|
|
|
86
90
|
valueKey: 'padding',
|
|
87
91
|
hidden:!statusShow({data, key: 'paddingStatus', fields:['padding'], gValue}),
|
|
88
92
|
value: dataVal({
|
|
89
|
-
data,
|
|
93
|
+
data: v5Data,
|
|
90
94
|
key:'padding',
|
|
91
|
-
dValue: { top: 32, left: 32, right: 32, bottom: 32 },
|
|
95
|
+
dValue: { top: styleLayout === 'v5' ? 0 : 32, left: styleLayout === 'v5' ? 0 : 32, right: styleLayout === 'v5' ? 0 : 32, bottom: styleLayout === 'v5' ? 0 : 32 },
|
|
92
96
|
gValue,
|
|
93
97
|
isPM: true,
|
|
94
98
|
}),
|