多商戶首頁diy組合組件選項(xiàng)卡刪掉后無法添加及刪除后移動端仍然顯示選項(xiàng)卡高度問題解決方案
平臺選項(xiàng)卡刪除后無法添加問題解決方法:
場景:
平臺后臺首頁裝修組合組件選擇選項(xiàng)卡,刪掉選項(xiàng)卡默認(rèn)值或者之前添加的數(shù)據(jù),此時(shí)點(diǎn)擊添加板塊無法添加內(nèi)容,并且報(bào)錯(cuò),報(bào)錯(cuò)信息如下:
解決方法:
文件路徑:(平臺后臺)src/components/mobileConfigRight/c_menu_list.vue
給lastObj加上默認(rèn)值:
代碼:
lastObj: {
img: '',
info: [
{
title: '標(biāo)題',
value: '標(biāo)題內(nèi)容',
tips: '選填,不超過4個(gè)字',
max: 4,
},
{
select: true,
title: '鏈接',
value: '',
tips: '請選擇鏈接',
max: 100,
},
],
}
平臺后臺沒有選項(xiàng)卡數(shù)據(jù)時(shí)移動端仍然顯示選項(xiàng)卡高度的解決方法:
場景:
當(dāng)平臺后臺裝修模板選項(xiàng)卡內(nèi)容為空時(shí),移動端首頁組合組件仍然顯示選項(xiàng)卡的高度,如下圖:
解決方法:
文件路徑:(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;
}