钉钉微应用---导航栏（页面分享功能）

最新推荐文章于 2024-06-04 16:14:20 发布

jiuwanli666

最新推荐文章于 2024-06-04 16:14:20 发布

阅读量4.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：钉钉微应用文章标签：分享导航栏自定义导航栏钉钉微应用

本文链接：https://blog.youkuaiyun.com/jiuwanli666/article/details/88990776

钉钉微应用专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在钉钉应用中实现自定义导航及分享功能。通过判断运行环境是否为钉钉，并设置右侧导航栏按钮，触发分享操作。文章包含具体的JavaScript代码示例和API引用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const isdingding =  () => {
　　//判断是不是钉钉
　　var ua = navigator.userAgent.toLowerCase();
　　return ua.indexOf("dingtalk") >= 0;
};
if (isdingding()){
		// 右侧导航点击
		dd.biz.navigation.setRight({
			show: true, //控制按钮显示， true 显示， false 隐藏， 默认true
			control: true, //是否控制点击事件，true 控制，false 不控制， 默认false
			showIcon: true, //是否显示icon，true 显示， false 不显示，默认true； 注：具体UI以客户端为准
			onSuccess : () => {
				//如果control为true，则onSuccess将在发生按钮点击事件被回调
				dd.biz.util.share({
		　　　　　　type: 0, //分享类型，0:全部组件 默认； 1:只能分享到钉钉；2:不能分享，只有刷新按钮
		　　　　　　url: window.location.href,
		　　　　　　content: '哇哈哈我是分享内容!',
		　　　　　　title: '我是分享标题',
		　　　　　　image: 'http://pic24.nipic.com/20120906/2786001_082828452000_2.jpg',
		　　　　　　onSuccess: function() {
		　　　　　　//onSuccess将在分享完成之后回调
						alert('偶哟分享成功了',window.location.href);
		　　　　　　/**/
		　　　　　　},
		　　　　　　onFail: function(err) {
						alert('好遗憾，分享失败了');
					}
		　　　　})
			},
			onFail: () => {},
		});
	}

更多自定义导航请参考官网API：https://open-doc.dingtalk.com/microapp/dev/pqgdu0#a-nameescmqqa设置导航栏右侧多个按钮