小程序弹出弹框隐藏底部导航反之出现

1.在wxml部分放上对应点击事件

<view class="fabu" bindtap="showModals" data-target="bottomModal">
	<image src="../../images/home/fabu.png"></image>
</view>

<view class="cu-modal bottom-modal {{modalName=='bottomModal'?'show':''}}"  bindtap="hideModals">
    <view class="cu-dialog">
      <view>内容</view>
      <view class="cancels">取消</view>
    </view>
</view>

2.在js中显示时加wx.hideTabBar()令其隐藏，隐藏时加wx.showTabBar()令其显示

const app = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
  	modalName:''
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },
  
  showModals(e) {
    this.setData({
      modalName: e.currentTarget.dataset.target
    })
    wx.hideTabBar()
  },
  
  hideModals(e) {
    this.setData({
      modalName: null
    })
    wx.showTabBar()
  },
})