釘釘導航欄分享按鈕的顯示/隱藏
隱藏
進行釘釘開發后，打開應用時右上角會有三個小點點"…"，打開之后會顯示一些分享功能或者查看鏈接的功能，這樣對于應用的安全是存在隱患的，那么如何來屏蔽這些按鈕功能呢，
根據釘釘檔案說明，移動端 js api需要引入
<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.0.8/dingtalk.open.js"></script>
這里說的是vue的用法，如果用jq的同學把函式變下就好
dingLogin: function () {
if (dd.ios || dd.android||dd.pc) {///如果是釘釘客戶端進入
dd.biz.navigation.setRight({
show: false, //控制按鈕顯示， true 顯示， false 隱藏， 默認true
})
}
},
經過這樣的代碼設定，導航的分享按鈕不見了，應用安全性也增加了，
顯示
分享時候自定義內容和標題
// 根據釘釘檔案說明，移動端 js api需要引入
<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.0.8/dingtalk.open.js"></script>
dingLogin: function () {
var self = this;
if (dd.ios || dd.android||dd.pc) {///如果是釘釘客戶端 進入
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設定導航欄右側多個按鈕
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/199105.html
標籤：其他