uniapp中使用弹出框控制Tab栏区域显示与隐藏
在uniapp中提供控制TabBar的显示与隐藏的函数 uni.hideTabBar() 与 uni.showTabBar()
<nut-button block type="primary" @click="JDdetail()" >立即接单</nut-button>
<---弹出框--->
<nut-popup style="z-index: 999;" position="bottom" closeable :custom-style="{ height: '70%' }" v-model:visible="showIcon">
</nut-popup>
const isshow=ref(false)//控制弹出框的显示与隐藏
// 监听弹出框变化来显示与隐藏TabBar
watch(showIcon, (newValue, oldValue) => {
if(newValue){
uni.hideTabBar()
}else{
uni.showTabBar()
}
});