微信小程序轉(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)前頁面,必須是以‘/’開頭的完整路徑
          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í)行)
          },
    };
    // 來自頁面內(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è)人資料

存檔