【钉钉】内嵌H5微应用之头部导航拦

554 阅读1分钟

在做内嵌钉钉的H5微应用时,发现钉钉的导航栏很霸道,当你设置一个页面的导航栏右侧按钮时,当你切换别的页面也会附带上个页面的设置按钮

// 设置钉钉导航栏右侧单个按钮 默认更多按钮
      window.dd.biz.navigation.setRight({
        show: true, // 控制按钮显示, true 显示, false 隐藏, 默认true
        control: true, // 是否控制点击事件,true 控制,false 不控制, 默认false
        text: ``, // 控制显示文本,空字符串表示显示默认文本
        onSuccess: result => {
          // 钉钉分享事件
          window.dd.biz.util.share({
            type: 0, // 分享类型,0:全部组件 默认; 1:只能分享到钉钉;2:不能分享,只有刷新按钮
            url: window.location.href,
            content: '积分',  //分享描述
            title: '积分',//分享标题
            image: '1.png',//分享缩略图
            onSuccess: function () {
              // onSuccess将在分享完成之后回调
              /**/
            },
            onFail: err => console.log(err)
          })
        // 如果control为true,则onSuccess将在发生按钮点击事件被回调
        },
        onFail: err => console.log(err)
      })

还可以自定义整个导航拦

API Explorer (dingtalk.com)

image.png