uniapp 全局分享mixin的js示例

以下是一个简单的示例，展示如何在 uniapp 中使用 mixin 实现全局分享功能：

在 mixin 目录下创建一个 share.js 文件，编写以下代码：

export default {
  methods: {
    // 分享函数
    share() {
      // 调用 uni.share API 实现分享功能
      uni.share({
        title: '分享标题',
        path: '/pages/index/index',
        success: () => {
          uni.showToast({
            title: '分享成功',
            icon: 'success'
          })
        }
      })
    }
  }
}

在需要使用分享功能的页面中，引入 share.js 文件，并在 onShareAppMessage 生命周期函数中调用 share 函数：

// 引入 share mixin
import shareMixin from '@/mixin/share'

export default {
  mixins: [shareMixin], // 使用 share mixin
  onShareAppMessage() {
    // 调用 share 函数实现分享功能
    return {
      title: '分享标题',
      path: '/pages/index/index'
    }
  }
}

如果需要在 tabBar 中使用分享功能，可以在 App.vue 中引入 share.js 文件，并在 onShareAppMessage 生命周期函数中调用 share 函数：

// 引入 share mixin
import shareMixin from '@/mixin/share'

export default {
  mixins: [shareMixin], // 使用 share mixin
  onShareAppMessage() {
    // 调用 share 函数实现分享功能
    return {
      title: '分享标题',
      path: '/pages/index/index'
    }
  },
  tabBar: {
    // 在 tabBar 中添加分享按钮
    list: [
      {
        pagePath: '/pages/index/index',
        text: '首页',
        iconPath: '/static/images/tabbar/home.png',
        selectedIconPath: '/static/images/tabbar/home-active.png'
      },
      {
        pagePath: '/pages/my/my',
        text: '我的',
        iconPath: '/static/images/tabbar/my.png',
        selectedIconPath: '/static/images/tabbar/my-active.png'
      },
      {
        pagePath: '/pages/share/share',
        text: '分享',
        iconPath: '/static/images/tabbar/share.png',
        selectedIconPath: '/static/images/tabbar/share-active.png',
        // 在 tabBar 中添加分享按钮
        onClick: () => {
          this.share()
        }
      }
    ]
  }
}

以上就是一个简单的示例，展示如何在 uniapp 中使用 mixin 实现全局分享功能。