uni.app自定义分享按钮分享页面给微信好友

要在uni.app上自定义分享按钮并分享页面给微信好友，您可以按照以下步骤进行操作：

1. 在您的uni-app项目中安装并引入`@dcloudio/uni-share`插件，可以使用以下命令进行安装：

   npm install @dcloudio/uni-share --save

然后在需要使用分享功能的页面中引入插件：

   import share from '@dcloudio/uni-share'

2. 在页面中创建一个自定义的分享按钮，并绑定点击事件。在点击事件中调用`uni.share`方法，如下所示：

   <template>
     <button @click="shareToWechat">分享给微信好友</button>
   </template>
   <script>
   import share from '@dcloudio/uni-share'
   export default {
     methods: {
       shareToWechat() {
         uni.share({
           provider: 'weixin',
           type: 0,
           title: '分享标题',
           summary: '分享内容',
           href: '分享链接',
           success: function () {
             console.log('分享成功')
           }
         })
       }
     }
   }
   </script>

在`uni.share`方法中，需要传入以下参数：

- `provider`: 分享的目标平台，这里选择`weixin`表示分享到微信。
- `type`: 分享类型，这里选择`0`表示分享网页。
- `title`: 分享的标题。
- `summary`: 分享的内容。
- `href`: 分享的链接。
- `success`: 分享成功后的回调函数。

您可以根据实际需求修改以上参数。

3. 在`manifest.json`文件中声明分享配置，以便在微信中正确显示分享内容。在`manifest.json`文件中添加以下代码：

   "share": {
     "weixin": {
       "appId": "您的微信公众号appId",
       "path": "pages/index/index",
       "imageUrl": "分享图片链接"
     }
   }

在`share`对象中，声明了分享配置信息，包括`weixin`表示分享到微信，`appId`表示您的微信公众号appId，`path`表示分享链接的路径，`imageUrl`表示分享的图片链接。您需要将以上参数修改为您自己的信息。

注意：`manifest.json`文件中的分享配置只有在微信小程序中才会生效，H5和APP端不会生效。

完成以上步骤后，您就可以在uni.app中自定义分享按钮并分享页面给微信好友了。