更新记录

1.0.0（2021-12-06）

首次提交

平台兼容性

用法

此方法为解决气泡框无法覆盖导航栏问题

原理：通过页面跳转方式 设置页面为透明实现可覆盖导航栏 仅支持app

popup，弹框等均可按照此思路解决无法覆盖导航栏问题

由于是路由跳转，请先下载案例查看，

1.注意page.json 的页面配置

// 气泡框
  {
    "path": "pages/bubbleBox/index",
    "style": {
        "navigationBarTitleText": "",
        "navigationStyle": "custom",
        "backgroundColor": "transparent",
        "app-plus": {
            "animationType": "fade-in",
            "background": "transparent",
            "popGesture": "none"
        }
    }
}

//导航栏图标点击
onNavigationBarButtonTap(e) {
    console.log(e);
    if (e.index == 0) {
      //传参
      var bubbleObj = {
        top: 60,
        right: 20,
        locSign: 'right',
        bubbleList: [{ iconName: "icon-dayin1", content: "三角在右边哦" }],
      };
    }else if(e.index==1) {
        var bubbleObj = {
        top: 60,
        right: 470,
        locSign: 'left',
        bubbleList: [{ iconName: "icon-dayin1", content: "三角在左边哦" }],
      };
    }
    uni.navigateTo({
        //页面传值 
        url:"/pages/bubbleBox/index?bubbleObj="+encodeURIComponent(JSON.stringify(bubbleObj)),
      });
  },

参数

请先下载案例查看--