多商户首页diy组合组件选项卡删掉后无法添加及删除后移动端仍然显示选项卡高度问题解决方案

多商户首页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;
}