1. 程式人生 > >微信小程式之——自定義分享按鈕(完整版)

微信小程式之——自定義分享按鈕(完整版)

1.宣告 onShareAppMessage 函式

  onShareAppMessage() {

         return {

       title: '彈出分享時顯示的分享標題'

        desc: '分享頁面的內容',

        path: '/page/user?id=123' // 路徑,傳遞引數到指定頁面。

 

    }

      },

 

2.自定義按鈕是需要在button標籤上寫上 open-type='share’屬性,在dom中寫入button元件

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

 

3.一般自定義按鈕和button元件的樣式會有衝突, 下面程式碼就是更改button元件的樣式的:
button::after {

  border: none;

      }

      button {

  background-color: #fff;

     }

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

以上就是一套完整的微信小程式之——自定義分享按鈕;如果客官覺得幫到你了,就點個讚唄!