uniapp 小程序自定义按钮分享

UniApp 是一个基于 Vue.js 的跨平台开发框架，可以使用它开发小程序、H5、App 等多个平台的应用。对于小程序自定义按钮分享，你可以通过使用 UniApp 提供的接口来实现。

首先，在你的小程序页面中，可以创建一个自定义的分享按钮，并给它添加一个点击事件：

<template>
  <view>
    <!-- 自定义分享按钮 -->
    <button @click="onShare">分享</button>
  </view>
</template>

然后，在页面的 Script 部分，定义 `onShare` 方法来处理分享逻辑：

<script>
export default {
  methods: {
    onShare() {
      // 使用 uni.share API 进行分享
      uni.share({
        title: '分享标题',
        path: '/pages/index', // 分享的页面路径
        success: (res) => {
          console.log('分享成功', res)
        },
        fail: (err) => {
          console.log('分享失败', err)
        }
      })
    }
  }
}
</script>

在 `uni.share` 方法中，你可以设置分享的标题、路径等参数，根据自己的需求进行配置。成功或失败后会分别触发对应的回调函数，你可以在回调函数中做一些相应的处理。

这样，当用户点击自定义的分享按钮时，就会触发分享逻辑，并弹出小程序自带的分享面板供用户选择分享方式。注意，该方法只在小程序中有效，在 H5 或 App 平台上无法触发分享功能。如需在其他平台实现分享，可以使用对应平台的分享 API 进行开发。