多商戶首頁diy組合組件選項卡刪掉后無法添加及刪除后移動端仍然顯示選項卡高度問題解決方案
平臺選項卡刪除后無法添加問題解決方法:
場景:
平臺后臺首頁裝修組合組件選擇選項卡,刪掉選項卡默認值或者之前添加的數據,此時點擊添加板塊無法添加內容,并且報錯,報錯信息如下:
解決方法:
文件路徑:(平臺后臺)src/components/mobileConfigRight/c_menu_list.vue
給lastObj加上默認值:
代碼:
lastObj: {
img: '',
info: [
{
title: '標題',
value: '標題內容',
tips: '選填,不超過4個字',
max: 4,
},
{
select: true,
title: '鏈接',
value: '',
tips: '請選擇鏈接',
max: 100,
},
],
}
平臺后臺沒有選項卡數據時移動端仍然顯示選項卡高度的解決方法:
場景:
當平臺后臺裝修模板選項卡內容為空時,移動端首頁組合組件仍然顯示選項卡的高度,如下圖:
解決方法:
文件路徑:(uniapp)pages/index/component/homeComb.vue
之前的代碼改為下面圈住的代碼
代碼:
if(that.tabTitle.length>0){
query.select('.navTabBox').boundingClientRect(data => {
that.navHeight = data.height > 42 ? data.height : 42
}).exec();
}else{
that.navHeight = 0
}
之前的判斷增加that.tabTitle.length
代碼:
if(that.tabTitle.length&&that.tabTitle[0]['value'] != '推薦'){
that.tabTitle.unshift({
img: '',
info: [{value: "推薦"},{value: false}]
})
}
去掉css中圈住的代碼
去掉注釋掉的代碼,并在選擇器上加上.header
代碼:
.navTabBox,.mp-header,.header{
background: #ffffff;
}