uniapp 微信分享弹窗

你可以使用uniapp的分享组件，然后调用微信的分享API。具体步骤如下：

1. 在manifest.json文件中添加微信分享的权限：

"mp-weixin": {
  "appid": "your_appid",
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    },
    "scope.userInfo": {
      "desc": "你的用户信息将用于小程序内的用户身份识别"
    },
    "scope.userLocationBackground": {
      "desc": "你的位置信息将在后台运行时持续获取，用于小程序接口的效果展示"
    },
    "scope.writePhotosAlbum": {
      "desc": "你的相册将用于小程序的效果展示"
    },
    "scope.camera": {
      "desc": "你的摄像头将用于小程序的效果展示"
    }
  },
  "usingComponents": {
    "share-button": "/components/share-button/share-button"
  }
}

2. 在页面中引入分享组件：

<template>
  <div>
    <share-button
      :title="title"
      :desc="desc"
      :imgUrl="imgUrl"
      :link="link"
      @success="onShareSuccess"
      @cancel="onShareCancel"
    >
      <button>分享到微信</button>
    </share-button>
  </div>
</template>

<script>
import shareButton from "@/components/share-button/share-button.vue";

export default {
  components: {
    shareButton
  },
  data() {
    return {
      title: "分享标题",
      desc: "分享描述",
      imgUrl: "分享图片链接",
      link: "分享链接"
    };
  },
  methods: {
    onShareSuccess(res) {
      console.log("分享成功", res);
    },
    onShareCancel(res) {
      console.log("分享取消", res);
    }
  }
};
</script>

3. 在分享组件中调用微信分享API：

<template>
  <button @click="showShareMenu">
    <slot></slot>
  </button>
</template>

<script>
export default {
  methods: {
    showShareMenu() {
      uni.showShareMenu({
        withShareTicket: true,
        success: res => {
          console.log("打开分享菜单成功", res);
        },
        fail: err => {
          console.log("打开分享菜单失败", err);
        }
      });
    },
    onShareSuccess(res) {
      this.$emit("success", res);
    },
    onShareCancel(res) {
      this.$emit("cancel", res);
    },
    onShareAppMessage() {
      return {
        title: this.title,
        desc: this.desc,
        imageUrl: this.imgUrl,
        path: this.link,
        success: this.onShareSuccess,
        cancel: this.onShareCancel
      };
    }
  }
};
</script>

这样就可以实现在uniapp中弹出微信分享窗口了。