參考連結：https://blog.csdn.net/qq_39410252/article/details/121278343

效果圖：

實現步驟：

1. 建一個微信小程式專案

 2. 將其路徑新增進app.json

  "pages": [
    "pages/Share/Share"
  ],

3. 在Share.wxml中新增一個button 

<!--miniprogram/pages/Share/Share.wxml-->
<text>miniprogram/pages/Share/Share.wxml</text>
<button type="default"
 
 open-type="share" class="clear-style">分享給好友</button>

4. 在Share.wxss中為button設定樣式

/* miniprogram/pages/Share/Share.wxss */
.clear-style{
  border: none;
  border-radius: 0;
  background-color: transparent !important;
  padding: 0rpx !important;
  margin: 0rpx !important;
  text-align: left;
  height
 
: 140rpx;
}

.clear-style::after{
  border: none;
}

5. 在Share.js中更新分享按鈕觸發函式

檢視分享函式各引數意義：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareAppMessage-Object-object

  /**
   * Called when user click on the top right corner to share
   */
  onShareAppMessage: function () {
    return
 
 {
      title: '邀請您使用XXX小程式',
      path: '/pages/show/show', // 當對方點選你分享的小程式時到達的頁面
      imageUrl: 'https://img1.baidu.com/it/u=4049022245,514596079&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500'  //轉發時顯示此圖片，若沒有此引數，預設是傳送當前頁面截圖
    }

  }

上述效果圖中是不帶imageUrl時的效果。