溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

微信小程序中如何實(shí)現(xiàn)自定義分享按鈕

發(fā)布時(shí)間：2021-01-28 14:09:05 來源：億速云 閱讀：811 作者：小新 欄目：移動(dòng)開發(fā)

這篇文章主要介紹微信小程序中如何實(shí)現(xiàn)自定義分享按鈕，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

1、聲明 onShareAppMessage 函數(shù)

onShareAppMessage() {
         return {
       title: '彈出分享時(shí)顯示的分享標(biāo)題'
        desc: '分享頁面的內(nèi)容',
        path: '/page/user?id=123' // 路徑，傳遞參數(shù)到指定頁面。
 
    }
      },

2、自定義按鈕是需要在button標(biāo)簽上寫上 open-type='share’屬性，在dom中寫入button組件

<button open-type='share'>分享</button>

3、一般自定義按鈕和button組件的樣式會(huì)有沖突， 下面代碼就是更改button組件的樣式的：

button::after {
  border: none;
      }
      button {
  background-color: #fff;
     }

去掉邊框和背景色，就ok了。

以上是“微信小程序中如何實(shí)現(xiàn)自定義分享按鈕”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手