jufubao-mall 2.0.20-beta6 → 2.0.20-beta7
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/JfbMallBrandHome/JfbMallBrandHome.vue +19 -15
- package/src/components/JfbMallBrandWall/JfbMallBrandWall.vue +27 -22
- package/src/components/JfbMallHomeProductList/JfbMallHomeProductList.vue +1 -1
- package/src/components/JfbMallProductInfo/JfbMallProductInfo.vue +27 -23
- package/src/components/JfbMallProductList/Api.js +3 -3
- package/src/components/JfbMallProductList/JfbMallProductList.vue +2 -2
- package/src/components/JfbMallProductList/Mock.js +3 -64
- package/src/components/JfbMallProductList/XdCateV2.vue +16 -2
package/package.json
CHANGED
|
@@ -805,7 +805,7 @@
|
|
|
805
805
|
jfbRootExec("getBrandHomeInfo", {
|
|
806
806
|
vm: this,
|
|
807
807
|
data: {
|
|
808
|
-
|
|
808
|
+
//...this.options,
|
|
809
809
|
brand_id: this.brand_id,
|
|
810
810
|
xnamespace: this.xnamespace
|
|
811
811
|
}
|
|
@@ -910,20 +910,24 @@
|
|
|
910
910
|
page_size = this.show_shop_num;
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
|
+
let data = this.$xdUniHelper.deleteParamEmptyKey({
|
|
914
|
+
consume_mode: "SELL",
|
|
915
|
+
...this.options,
|
|
916
|
+
brand_id: this.brand_id,
|
|
917
|
+
city_code: this.stateCity.city_code,
|
|
918
|
+
latitude: this.stateLocation.latitude,
|
|
919
|
+
longitude: this.stateLocation.longitude,
|
|
920
|
+
page_size: page_size,
|
|
921
|
+
page_token: this.shop_page_token,
|
|
922
|
+
region_limit_tpl_id: this.region_limit_tpl_id,
|
|
923
|
+
namespace: this.xnamespace,
|
|
924
|
+
});
|
|
925
|
+
|
|
926
|
+
if(data['brand_type']) delete data['brand_type'];
|
|
927
|
+
|
|
913
928
|
jfbRootExec("getMallBrandHomeShopList", {
|
|
914
929
|
vm: this,
|
|
915
|
-
data:
|
|
916
|
-
consume_mode: "SELL",
|
|
917
|
-
...this.options,
|
|
918
|
-
brand_id: this.brand_id,
|
|
919
|
-
city_code: this.stateCity.city_code,
|
|
920
|
-
latitude: this.stateLocation.latitude,
|
|
921
|
-
longitude: this.stateLocation.longitude,
|
|
922
|
-
page_size: page_size,
|
|
923
|
-
page_token: this.shop_page_token,
|
|
924
|
-
region_limit_tpl_id: this.region_limit_tpl_id,
|
|
925
|
-
namespace: this.xnamespace,
|
|
926
|
-
})
|
|
930
|
+
data: data
|
|
927
931
|
}).then(res => {
|
|
928
932
|
this.loaded = true;
|
|
929
933
|
let list = res.list.map(item=>{
|
|
@@ -1284,7 +1288,7 @@
|
|
|
1284
1288
|
background:#fff;
|
|
1285
1289
|
padding: 32rpx 40rpx 40rpx 40rpx;
|
|
1286
1290
|
border-radius: 8rpx;
|
|
1287
|
-
margin-bottom: 20rpx;
|
|
1291
|
+
margin-bottom: 20rpx;
|
|
1288
1292
|
}
|
|
1289
1293
|
&_brand_info {
|
|
1290
1294
|
position: relative;
|
|
@@ -1374,7 +1378,7 @@
|
|
|
1374
1378
|
}
|
|
1375
1379
|
}
|
|
1376
1380
|
}
|
|
1377
|
-
|
|
1381
|
+
|
|
1378
1382
|
}
|
|
1379
1383
|
}
|
|
1380
1384
|
</style>
|
|
@@ -412,24 +412,6 @@
|
|
|
412
412
|
...this.getTabHeight,
|
|
413
413
|
};
|
|
414
414
|
},
|
|
415
|
-
tabItemStyleComp(){
|
|
416
|
-
let style = {
|
|
417
|
-
color: this.titleStyle.color,
|
|
418
|
-
fontWeight: this.titleStyle.fontWeight,
|
|
419
|
-
};
|
|
420
|
-
if(this.layout === 'v2') {
|
|
421
|
-
style['fontSize'] = '24rpx';
|
|
422
|
-
style = {...style,...this.getTabItemHeight}
|
|
423
|
-
if(['v2'].includes(this.vStyle)) {
|
|
424
|
-
style['backgroundColor'] = this.titleStyle.bgColor;
|
|
425
|
-
}
|
|
426
|
-
}
|
|
427
|
-
if(this.layout === 'v1') {
|
|
428
|
-
style['fontSize'] = parseInt(this.titleStyle.actFontSize) + 'rpx';
|
|
429
|
-
style = {...style,...this.getTabItemHeight}
|
|
430
|
-
}
|
|
431
|
-
return style
|
|
432
|
-
},
|
|
433
415
|
getTabItemHeight(){
|
|
434
416
|
if(this.layout === 'v1'){
|
|
435
417
|
return {
|
|
@@ -451,14 +433,30 @@
|
|
|
451
433
|
}
|
|
452
434
|
|
|
453
435
|
},
|
|
454
|
-
|
|
436
|
+
tabItemStyleComp(){
|
|
437
|
+
let style = {
|
|
438
|
+
color: this.titleStyle.color,
|
|
439
|
+
fontWeight: this.titleStyle.fontWeight,
|
|
440
|
+
};
|
|
441
|
+
if(this.layout === 'v2') {
|
|
442
|
+
style['fontSize'] = '24rpx';
|
|
443
|
+
style = {...style,...this.getTabItemHeight}
|
|
444
|
+
if(['v2'].includes(this.vStyle)) {
|
|
445
|
+
style['backgroundColor'] = this.titleStyle.bgColor;
|
|
446
|
+
}
|
|
447
|
+
}
|
|
448
|
+
if(this.layout === 'v1') {
|
|
449
|
+
style['fontSize'] = parseInt(this.titleStyle.actFontSize) + 'rpx';
|
|
450
|
+
style = {...style,...this.getTabItemHeight}
|
|
451
|
+
}
|
|
452
|
+
return style
|
|
453
|
+
},
|
|
455
454
|
tabActItemStyleComp(){
|
|
456
455
|
let style = {
|
|
457
456
|
color: this.titleStyle.actColor,
|
|
458
457
|
fontWeight: this.titleStyle.actFontWeight,
|
|
459
458
|
};
|
|
460
459
|
if(this.layout === 'v2') {
|
|
461
|
-
style['fontSize'] = '24rpx';
|
|
462
460
|
style = {...style,...this.getTabItemHeight}
|
|
463
461
|
if(['v2'].includes(this.vStyle)) {
|
|
464
462
|
if(this.titleStyle.actBgColor) style['backgroundColor'] = this.titleStyle.actBgColor;
|
|
@@ -476,6 +474,7 @@
|
|
|
476
474
|
}
|
|
477
475
|
return style
|
|
478
476
|
},
|
|
477
|
+
|
|
479
478
|
tabItemNameStyle(){
|
|
480
479
|
if(this.layout === 'v2') return {
|
|
481
480
|
fontSize: parseInt(this.titleStyle.fontSize) + 'rpx',
|
|
@@ -776,8 +775,10 @@
|
|
|
776
775
|
|
|
777
776
|
switchTab(i){
|
|
778
777
|
this.tabIndex = i;
|
|
778
|
+
this.brandList = null
|
|
779
779
|
this.getList();
|
|
780
780
|
},
|
|
781
|
+
|
|
781
782
|
getList(){
|
|
782
783
|
this.$xdShowLoading({});
|
|
783
784
|
let params = {
|
|
@@ -788,9 +789,9 @@
|
|
|
788
789
|
if(this.isCityFilter === "Y") params['city_code'] = this.stateCity.city_code;
|
|
789
790
|
else params['city_code'] = '';
|
|
790
791
|
if(this.category_ids && this.category_ids.length > 0) params['category_ids'] = this.category_ids.join(",");
|
|
792
|
+
|
|
791
793
|
jfbRootExec("getNewBrandWallList", {vm: this,data: params}).then(res => {
|
|
792
794
|
this.$xdHideLoading();
|
|
793
|
-
|
|
794
795
|
let brandList = res.items.map(item => {
|
|
795
796
|
item['brand_icon'] = item.brand_icon ? getServiceUrl(item.brand_icon, "size2") : "";
|
|
796
797
|
item['status'] = true;
|
|
@@ -799,7 +800,10 @@
|
|
|
799
800
|
|
|
800
801
|
//补缺
|
|
801
802
|
if(brandList.length >0) {
|
|
802
|
-
let differences =
|
|
803
|
+
let differences = 0;
|
|
804
|
+
if( brandList.length % this.contentCell > 0) {
|
|
805
|
+
differences = this.contentCell - brandList.length % this.contentCell
|
|
806
|
+
}
|
|
803
807
|
for(let i =0; i < differences; i++) {
|
|
804
808
|
brandList.push({isEmpty: true});
|
|
805
809
|
}
|
|
@@ -818,6 +822,7 @@
|
|
|
818
822
|
})
|
|
819
823
|
})
|
|
820
824
|
},
|
|
825
|
+
|
|
821
826
|
toBrand(brand){
|
|
822
827
|
if(this.isPreview) return;
|
|
823
828
|
let { params , brand_id} = brand;
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
</view>
|
|
141
141
|
<!--商品列表-->
|
|
142
142
|
<xd-no-data :scale-size="2" type="product" v-if="prodList && prodList.length === 0"></xd-no-data>
|
|
143
|
-
<xd-more v-if="(isPreview || !hasNext) && prodList.length > 0" :color="footerColor" :background="footerColor"><text>我是有底线的</text></xd-more>
|
|
143
|
+
<xd-more v-if="(isPreview || !hasNext) && (prodList && prodList.length > 0)" :color="footerColor" :background="footerColor"><text>我是有底线的</text></xd-more>
|
|
144
144
|
<xd-to-top :isPreview="isPreview" :mainColor="mainColor" ref="VT" :scrollTop="top"></xd-to-top>
|
|
145
145
|
</view>
|
|
146
146
|
</view>
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
height="750rpx"
|
|
29
29
|
:indicatorDots="false"
|
|
30
30
|
@animationfinish="animationfinish"
|
|
31
|
-
>
|
|
31
|
+
>
|
|
32
32
|
<!--#ifdef H5-->
|
|
33
33
|
<template slot-scope="{ item,index }">
|
|
34
34
|
<image v-show="item.status===true" @error="item.status=false" @click="handlePreview(index,item)" :src="item.src"></image>
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
<xd-font-icon class="_ext" size="36" icon="iconsangedian-x" color="#999999"></xd-font-icon>
|
|
149
149
|
</view>
|
|
150
150
|
<view v-if="base_info.notice_text" class="content-item">
|
|
151
|
-
<xd-content-xss class="address_notice_content" :html="base_info.notice_text"></xd-content-xss>
|
|
151
|
+
<xd-content-xss class="address_notice_content" :html="base_info.notice_text"></xd-content-xss>
|
|
152
152
|
<xd-font-icon @click.stop="handleNotice" class="_ext" size="36" icon="iconwenhao" color="#999999"></xd-font-icon>
|
|
153
153
|
</view>
|
|
154
154
|
</view>
|
|
@@ -320,10 +320,10 @@
|
|
|
320
320
|
:layoutInfo="layoutInfo"
|
|
321
321
|
:fixedStyle="fixedStyle"
|
|
322
322
|
:mainColor="mainColor"
|
|
323
|
-
:salePriceColor="salePriceColor"
|
|
324
|
-
:salePriceFontSize="salePriceFontSize"
|
|
325
|
-
:originalPriceFontSize="originalPriceFontSize"
|
|
326
|
-
:originalPriceColor="originalPriceColor"
|
|
323
|
+
:salePriceColor="salePriceColor"
|
|
324
|
+
:salePriceFontSize="salePriceFontSize"
|
|
325
|
+
:originalPriceFontSize="originalPriceFontSize"
|
|
326
|
+
:originalPriceColor="originalPriceColor"
|
|
327
327
|
:isPlus="is_plus_site"
|
|
328
328
|
@change="handleSkuChange"
|
|
329
329
|
@onConfirm="handleConfirmSku"
|
|
@@ -583,7 +583,7 @@
|
|
|
583
583
|
if(!this.buyButton.page_buttons) return null;
|
|
584
584
|
return this.buyButton.page_buttons.find(item => item.code === 'view-delivery-scope');
|
|
585
585
|
},
|
|
586
|
-
alert_bottom() {
|
|
586
|
+
alert_bottom() {
|
|
587
587
|
let style = this.fixedStyle({ paddingBottom: (this.btnHeight), zIndex: 110 })
|
|
588
588
|
return style
|
|
589
589
|
},
|
|
@@ -604,7 +604,7 @@
|
|
|
604
604
|
},
|
|
605
605
|
sectionBoxStyle() {
|
|
606
606
|
console.log(this.sectionPadding,'this.getMarginAndPadding(this.sectionPadding,0)');
|
|
607
|
-
|
|
607
|
+
|
|
608
608
|
return {
|
|
609
609
|
margin: this.getMarginAndPadding(this.sectionPadding,0),
|
|
610
610
|
borderRadius: this.sectionRadius + 'rpx',
|
|
@@ -631,7 +631,7 @@
|
|
|
631
631
|
padding: this.getMarginAndPadding(this.btnPadding, 0)
|
|
632
632
|
};
|
|
633
633
|
console.log(this.btnPadding,'this.btnPaddingst');
|
|
634
|
-
|
|
634
|
+
|
|
635
635
|
if(this.bottomBtnOrder === 'reverse'){
|
|
636
636
|
style['flexDirection'] = 'row-reverse';
|
|
637
637
|
}
|
|
@@ -678,7 +678,7 @@
|
|
|
678
678
|
}
|
|
679
679
|
},
|
|
680
680
|
created() {
|
|
681
|
-
console.log(this.getTokenForKey('user_level'), 'user_leveluser_level');
|
|
681
|
+
console.log(this.getTokenForKey('user_level'), 'user_leveluser_level');
|
|
682
682
|
this.init(this.container);
|
|
683
683
|
this.is_plus_site = this.projectAttr.headers['X-Site-Group']==="vip";
|
|
684
684
|
this.is_vip = this.getTokenForKey('user_level')&&this.getTokenForKey('user_level')==='VIP'?true:false
|
|
@@ -831,9 +831,13 @@
|
|
|
831
831
|
...data,
|
|
832
832
|
}
|
|
833
833
|
}).then(res => {
|
|
834
|
+
|
|
835
|
+
//res = {"base_info":{"product_id":66359621,"partner_id":161,"product_type":"good","category_id":142028,"product_name":"LUOLAI\/罗莱家纺月冉晓杏全棉可水洗夏被","sub_title":"","thumb":"\/uploads\/20250609\/b24185b5c38d3018cadf48c91d159e62.jpg","product_tags":[],"market_tags":[],"tags":[],"prices":{"sale_price":29000,"activity_price":0,"market_price":59900,"wholesale_prices":[],"vip_price":0,"show_prices":[{"p":29000,"n":"","t":"S"},{"p":59900,"n":"","t":"U"}]},"sale_num":4,"region_limit_tpl_id":"MxAZmuFFEX_wzGPmnoUYF","channel_code":"anVmdWJhb3w2NjM1OTYyMQ%3D%3D","notice_text":""},"images":[{"src":"\/uploads\/20250611\/90b6ec501ea7591fc006871c1fb78869.jpg"},{"src":"\/uploads\/20250609\/dec58372f4e7f1ef1ee8792820104e1f.jpg"},{"src":"\/uploads\/20250609\/27300fe6c336db75b18593823b5471cc.jpg"},{"src":"\/uploads\/20250609\/0ce25a57e372377223ec76d45409bfe4.jpg"},{"src":"\/uploads\/20250609\/9c3a9c7bd8d9361c23aee0d64c47409e.jpg"}],"videos":[],"parameters":[{"label":"品牌","value":"LUOLAI\/罗莱家纺","key":"brand"}],"delivery_methods":[{"label":"快递配送","value":"logistics"}],"brand_info":{"brand_id":40064,"brand_name":"LUOLAI\/罗莱家纺","brand_icon":"https:\/\/jfb-public-images.oss-cn-qingdao.aliyuncs.com\/admin-upload\/202105081449057244.jpg?x-oss-process=style\/common","brand_type":"MA","supplier_id":1358505},"skus":[{"product_sku":70199044,"standards":[{"attr_id":"","name":"月冉晓杏全棉可水洗夏被","value":"150*200cm\/950g","image":"\/\/img1-b.jufubao.cn\/uploads\/20250611\/a9c8fd6dc54918eb6687c65fea034e55.jpg?ver=1749625095120","desc":""}],"prices":{"sale_price":29000,"activity_price":0,"market_price":59900,"wholesale_prices":[],"vip_price":0,"show_prices":[{"p":29000,"n":"","t":"S"},{"p":59900,"n":"","t":"U"}]},"enabled":true},{"product_sku":70199045,"standards":[{"attr_id":"","name":"月冉晓杏全棉可水洗夏被","value":"200*230cm\/1450g","image":"\/\/img1-b.jufubao.cn\/uploads\/20250611\/0eca2b62949531ce2e22137ab7580a2c.jpg?ver=1749625100584","desc":""}],"prices":{"sale_price":36600,"activity_price":0,"market_price":69900,"wholesale_prices":[],"vip_price":0,"show_prices":[{"p":36600,"n":"","t":"S"},{"p":69900,"n":"","t":"U"}]},"enabled":true}],"sms_activity":{"status":"","activity_type":"","activity_tips":"","activity_price":0,"end_time":0,"start_time":0,"distance_start_time":0,"distance_end_time":0,"max_buy_num":0,"is_today":""},"similar_products":[],"request_id":"c4fa548ce8fa2185"}
|
|
836
|
+
|
|
837
|
+
|
|
834
838
|
this.$xdHideLoading({});
|
|
835
839
|
this.loadingInfo = false;
|
|
836
|
-
const { base_info, brand_info, delivery_methods, images, parameters, skus, similar_products, videos, sms_activity } = res;
|
|
840
|
+
const { base_info, brand_info, delivery_methods, images, parameters, skus, similar_products, videos, sms_activity } = res;
|
|
837
841
|
if(base_info.prices.market_price) {
|
|
838
842
|
base_info.prices.market_price = this.$xdUniHelper.divisionFloatNumber(base_info.prices.market_price,100)
|
|
839
843
|
}
|
|
@@ -996,23 +1000,23 @@
|
|
|
996
1000
|
|
|
997
1001
|
// 根据布局类型设置价格
|
|
998
1002
|
if (this.goodsLayout === 'flash') {
|
|
999
|
-
const prices = this.smsStatus === 'ing'
|
|
1000
|
-
? PRICE_CONFIG.FLASH.ING
|
|
1003
|
+
const prices = this.smsStatus === 'ing'
|
|
1004
|
+
? PRICE_CONFIG.FLASH.ING
|
|
1001
1005
|
: PRICE_CONFIG.FLASH.WARM;
|
|
1002
|
-
|
|
1006
|
+
|
|
1003
1007
|
this.$set(this.base_info.prices, 'show_prices', prices);
|
|
1004
|
-
|
|
1008
|
+
|
|
1005
1009
|
// 处理时间格式
|
|
1006
|
-
this.hours = this.smsStatus === 'ing'
|
|
1007
|
-
? this.hours.split(':')[0]
|
|
1008
|
-
: this.hours.includes(':00')
|
|
1009
|
-
? this.hours
|
|
1010
|
+
this.hours = this.smsStatus === 'ing'
|
|
1011
|
+
? this.hours.split(':')[0]
|
|
1012
|
+
: this.hours.includes(':00')
|
|
1013
|
+
? this.hours
|
|
1010
1014
|
: `${this.hours}:00`;
|
|
1011
1015
|
} else {
|
|
1012
|
-
const prices = this.showDiscount === 'Y'
|
|
1013
|
-
? PRICE_CONFIG.NORMAL.WITH_DISCOUNT
|
|
1016
|
+
const prices = this.showDiscount === 'Y'
|
|
1017
|
+
? PRICE_CONFIG.NORMAL.WITH_DISCOUNT
|
|
1014
1018
|
: PRICE_CONFIG.NORMAL.WITHOUT_DISCOUNT;
|
|
1015
|
-
|
|
1019
|
+
|
|
1016
1020
|
this.$set(this.base_info.prices, 'show_prices', prices);
|
|
1017
1021
|
}
|
|
1018
1022
|
},
|
|
@@ -1144,7 +1148,7 @@
|
|
|
1144
1148
|
this.getElementHeight()
|
|
1145
1149
|
});
|
|
1146
1150
|
},50)
|
|
1147
|
-
|
|
1151
|
+
|
|
1148
1152
|
}).catch(err => {
|
|
1149
1153
|
this.$xdHideLoading();
|
|
1150
1154
|
this.$xdLog.catch(err);
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
*/
|
|
13
13
|
module.exports = [
|
|
14
14
|
{
|
|
15
|
-
mapFnName: '
|
|
15
|
+
mapFnName: 'getNewMallProductList',
|
|
16
16
|
title: '获取商品列表',
|
|
17
17
|
path: '/product/v1/:xnamespace/product/search',
|
|
18
18
|
isRule: false,
|
|
@@ -59,8 +59,8 @@ module.exports = [
|
|
|
59
59
|
disabled: true,
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
|
-
mapFnName: "
|
|
63
|
-
mapFn: "
|
|
62
|
+
mapFnName: "getNewSearchFilterList",
|
|
63
|
+
mapFn: "getNewSearchFilterList",
|
|
64
64
|
title: "获取商品搜索过滤列表",
|
|
65
65
|
path: "/product/v1/:xnamespace/product/search-filters",
|
|
66
66
|
isRule: false,
|
|
@@ -964,7 +964,7 @@
|
|
|
964
964
|
this.isFirst = false;
|
|
965
965
|
clearTimeout(this.timer);
|
|
966
966
|
this.timer = setTimeout(() => {
|
|
967
|
-
jfbRootExec("
|
|
967
|
+
jfbRootExec("getNewMallProductList", {
|
|
968
968
|
vm: this,
|
|
969
969
|
data: this.$xdUniHelper.deleteParamEmptyKey(data)
|
|
970
970
|
})
|
|
@@ -1109,7 +1109,7 @@
|
|
|
1109
1109
|
//过滤条件
|
|
1110
1110
|
getSearchFilterList(){
|
|
1111
1111
|
let data = this.getFilterListParams();
|
|
1112
|
-
jfbRootExec("
|
|
1112
|
+
jfbRootExec("getNewSearchFilterList", {
|
|
1113
1113
|
vm: this,
|
|
1114
1114
|
data: data
|
|
1115
1115
|
}).then(res => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
|
|
4
|
+
getNewSearchFilterList: {
|
|
5
5
|
items: [
|
|
6
6
|
{
|
|
7
7
|
title: '配送方式',
|
|
@@ -93,7 +93,7 @@ module.exports = {
|
|
|
93
93
|
],
|
|
94
94
|
request_id: "f1733f02aa8c9672"
|
|
95
95
|
},
|
|
96
|
-
|
|
96
|
+
getNewMallProductList: {
|
|
97
97
|
total_size: 8,
|
|
98
98
|
next_page_token: "1",
|
|
99
99
|
list: [
|
|
@@ -443,7 +443,7 @@ module.exports = {
|
|
|
443
443
|
],
|
|
444
444
|
request_id: "9512a165463ba45b"
|
|
445
445
|
},
|
|
446
|
-
|
|
446
|
+
getNewMallCategoryTree: {
|
|
447
447
|
items: [
|
|
448
448
|
{
|
|
449
449
|
category_name: "佳节礼品",
|
|
@@ -502,66 +502,5 @@ module.exports = {
|
|
|
502
502
|
}
|
|
503
503
|
],
|
|
504
504
|
request_id: "bf0aed811fd63214"
|
|
505
|
-
},
|
|
506
|
-
getMallCategoryChildren: {
|
|
507
|
-
items: [
|
|
508
|
-
{
|
|
509
|
-
category_name: "佳节礼品",
|
|
510
|
-
category_id: 10001,
|
|
511
|
-
category_icon:
|
|
512
|
-
"http://static.e56buy.com/XdnPLVzrdDzhdZJGZvy5Mt2QLhgtYZwV",
|
|
513
|
-
children: []
|
|
514
|
-
},
|
|
515
|
-
{
|
|
516
|
-
category_name: "粮油副食",
|
|
517
|
-
category_id: 10002,
|
|
518
|
-
category_icon:
|
|
519
|
-
"http://sandbox-img.jufubao.cn/uploads/20230406/2bcd668a78c0171f83ca68a9dfc2f8f5.jpeg",
|
|
520
|
-
children: []
|
|
521
|
-
},
|
|
522
|
-
{
|
|
523
|
-
category_name: "休闲食品",
|
|
524
|
-
category_id: 10003,
|
|
525
|
-
category_icon:
|
|
526
|
-
"http://sandbox-img.jufubao.cn/uploads/20230403/dadf68c84461a3a3f1caa30fe4debc2f.jpg",
|
|
527
|
-
children: []
|
|
528
|
-
},
|
|
529
|
-
{
|
|
530
|
-
category_name: "乳品饮料",
|
|
531
|
-
category_id: 10004,
|
|
532
|
-
category_icon:
|
|
533
|
-
"http://sandbox-img.jufubao.cn/uploads/20230324/008363a661eec227e2e1dd91ea6095e0.png",
|
|
534
|
-
children: []
|
|
535
|
-
},
|
|
536
|
-
{
|
|
537
|
-
category_name: "家纺用品",
|
|
538
|
-
category_id: 10005,
|
|
539
|
-
category_icon:
|
|
540
|
-
"http://sandbox-img.jufubao.cn/uploads/20230525/b432700f35328c44fc8b8c9f36a113f0.png",
|
|
541
|
-
children: []
|
|
542
|
-
},
|
|
543
|
-
{
|
|
544
|
-
category_name: "家用电器",
|
|
545
|
-
category_id: 10006,
|
|
546
|
-
category_icon:
|
|
547
|
-
"http://sandbox-img.jufubao.cn/uploads/20230525/a849865fcb85f7756285a2a96a90811b.jpg",
|
|
548
|
-
children: []
|
|
549
|
-
},
|
|
550
|
-
{
|
|
551
|
-
category_name: "日货用品",
|
|
552
|
-
category_id: 10007,
|
|
553
|
-
category_icon:
|
|
554
|
-
"http://sandbox-img.jufubao.cn/uploads/20230525/f56df5f334b392daaa539e74df269dbe.jpg",
|
|
555
|
-
children: []
|
|
556
|
-
},
|
|
557
|
-
{
|
|
558
|
-
category_name: "生鲜冷链",
|
|
559
|
-
category_id: 10008,
|
|
560
|
-
category_icon:
|
|
561
|
-
"http://static.e56buy.com/XdHO6sAVMAb8WzwPvtwoo1iuCxh8uWXp",
|
|
562
|
-
children: []
|
|
563
|
-
}
|
|
564
|
-
],
|
|
565
|
-
request_id: "bf0aed811fd63214"
|
|
566
505
|
}
|
|
567
506
|
};
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
<view :style="[subTitleIcon]" class="sub_icon">
|
|
68
68
|
<image :src="item.category_icon" />
|
|
69
69
|
</view>
|
|
70
|
-
<view :style="[(uiPid === item.category_id?level2ActNameComp:level2NameComp)]">{{item.category_name||item.name}}</view>
|
|
70
|
+
<view class="sub_name" :style="[(uiPid === item.category_id?level2ActNameComp:level2NameComp)]">{{item.category_name||item.name}}</view>
|
|
71
71
|
</view>
|
|
72
72
|
</view>
|
|
73
73
|
<!--一级分类-->
|
|
@@ -200,7 +200,8 @@ export default {
|
|
|
200
200
|
itemStyleComp(){
|
|
201
201
|
return {
|
|
202
202
|
width: this.getWidth(64,5) + 'px',
|
|
203
|
-
margin:'0 0 24rpx'
|
|
203
|
+
margin:'0 0 24rpx',
|
|
204
|
+
paddingBottom: '40rpx'
|
|
204
205
|
}
|
|
205
206
|
},
|
|
206
207
|
},
|
|
@@ -402,6 +403,19 @@ export default {
|
|
|
402
403
|
align-items: center;
|
|
403
404
|
font-size: 24rpx;
|
|
404
405
|
color: #333333;
|
|
406
|
+
position: relative;
|
|
407
|
+
|
|
408
|
+
& > .sub_name {
|
|
409
|
+
left: 0!important;
|
|
410
|
+
right: 0!important;
|
|
411
|
+
text-align: center;
|
|
412
|
+
width: 100%!important;
|
|
413
|
+
overflow: hidden;
|
|
414
|
+
word-break: break-all;
|
|
415
|
+
white-space: wrap;
|
|
416
|
+
height: 36rpx;
|
|
417
|
+
line-height: 36rpx;
|
|
418
|
+
}
|
|
405
419
|
&.active{
|
|
406
420
|
color: var(--main-color);
|
|
407
421
|
}
|