微信小程序轉(zhuǎn)發(fā)/分享功能 小卡片設(shè)置

2020-1-20    前端達(dá)人

<button data-name="shareBtn" open-type="share" plain="true">轉(zhuǎn)發(fā)</button>

添加plain=”true”后button的邊框樣式可自定義 ↓ ↓


button[plain]{ border:0 } 


 //轉(zhuǎn)發(fā)
  onShareAppMessage: function (options) {
    　　var that = this;
    　　// 設(shè)置菜單中的轉(zhuǎn)發(fā)按鈕觸發(fā)轉(zhuǎn)發(fā)事件時(shí)的轉(zhuǎn)發(fā)內(nèi)容
    　　var shareObj = {
      　　　　title: "這是一個(gè)標(biāo)題！",        // 默認(rèn)是小程序的名稱(可以寫slogan等)
      　　　　//path: '/page/index/index/user?id=123',        // 默認(rèn)是當(dāng)前頁(yè)面，必須是以‘/’開(kāi)頭的完整路徑
          imageUrl: '../../img/xiaochengxu-share.jpg',     //自定義圖片路徑，可以是本地文件路徑、代碼包文件路徑或者網(wǎng)絡(luò)圖片路徑，支持PNG及JPG，不傳入 imageUrl 則使用默認(rèn)截圖。顯示圖片長(zhǎng)寬比是 5:4
      　　　　success: function (res) {
        　　　　　　// 轉(zhuǎn)發(fā)成功之后的回調(diào)
        　　　　　　if (res.errMsg == 'shareAppMessage:ok') {
        　　　　　　}
      　　　　},
      　　　　fail: function (res) {
        　　　　　　// 轉(zhuǎn)發(fā)失敗之后的回調(diào)
        　　　　　　if (res.errMsg == 'shareAppMessage:fail cancel') {
          　　　　　　　　// 用戶取消轉(zhuǎn)發(fā)
                       console.log("用戶取消轉(zhuǎn)發(fā)");
        　　　　　　} else if (res.errMsg == 'shareAppMessage:fail') {
          　　　　　　　　// 轉(zhuǎn)發(fā)失敗，其中 detail message 為詳細(xì)失敗信息
        　　　　　　}
      　　　　},
            complete: function(){
        　　　　　　// 轉(zhuǎn)發(fā)結(jié)束之后的回調(diào)（轉(zhuǎn)發(fā)成不成功都會(huì)執(zhí)行）
      　　　　},
  　　};
  　　// 來(lái)自頁(yè)面內(nèi)的按鈕的轉(zhuǎn)發(fā)
  　　if(options.from == 'button') {
    　　　　var eData = options.target.dataset;
    　　　　console.log(eData.name);     // shareBtn
    　　　　// 此處可以修改 shareObj 中的內(nèi)容
    　　　　//shareObj.path = '/pages/btnname/btnname?btn_name=' + eData.name;
  　　}
// 返回shareObj
return shareObj;
————————————————

分享本文至：

日歷

鏈接

個(gè)人資料

存檔