更新记录

1.0.5(2023-06-12) 下载此版本

判断显示修改

1.0.4(2023-06-08) 下载此版本

代码修改

1.0.3(2023-06-08) 下载此版本

代码优化

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

示例代码

<template>
    <view class="content">
        <button type="primary" @tap="showShareView">分享</button>
    </view>
</template>

<script>
    import share from "@/common/share.js";
    export default {
        data() {
            return {
                shareObj:share
            }
        },
        onLoad() {
            this.initShare();
        },
        onReady() {

        },
        onBackPress() {
            //监听返回,需判断分享是否已经显示,如显示先关闭;
            if (this.shareObj.isVisible()) {
                this.shareObj.hide();
                return true
            }
        },
        methods: {
            initShare(){
                const shareInfo = {
                    href: "https://uniapp.dcloud.io",
                    title: "分享测试",
                    desc: "分享测试",
                    imgUrl: "/static/logo.png"
                };
                const shareList = [{
                        icon: "/static/sharemenu/wx.png",
                        text: "微信好友",
                    },
                    {
                        icon: "/static/sharemenu/pyq.png",
                        text: "朋友圈"
                    },
                    {
                        icon: "/static/sharemenu/weibo.png",
                        text: "微博"
                    },
                    {
                        icon: "/static/sharemenu/qq.png",
                        text: "QQ"
                    },
                    {
                        icon: "/static/sharemenu/copy.png",
                        text: "复制"
                    },
                    {
                        icon: "/static/sharemenu/more.png",
                        text: "更多"
                    }
                ];
                const shareObj = {
                    href: shareInfo.href || "",
                    title: shareInfo.title || "",
                    summary: shareInfo.desc || "",
                    type:0,
                    imageUrl:shareInfo.imgUrl,
                    success: (res) => {
                        console.log("success:" + JSON.stringify(res));
                    },
                    fail: (err) => {
                        console.log("fail:" + JSON.stringify(err));
                    }
                };

                //初始化分享;
                this.shareObj.init(shareList,(index) => {
                    console.log("点击按钮的序号: " + index);
                    switch (index) {
                        case 0:
                            uni.share(Object.assign({},shareObj,{
                                provider:"weixin",
                                scene:"WXSceneSession"
                            }));
                            break;
                        case 1:
                            uni.share(Object.assign({},shareObj,{
                                provider:"weixin",
                                scene:"WXSenceTimeline"
                            }));
                            break;
                        case 2:
                            uni.share(Object.assign({},shareObj,{
                                provider:"sinaweibo"
                            }));
                            break;
                        case 3:
                            uni.share(Object.assign({},shareObj,{
                                provider:"qq",
                                type:1
                            }));
                            break;
                        case 4:
                            uni.setClipboardData({
                                data: shareInfo.href,
                                complete() {
                                    uni.showToast({
                                        title: "已复制到剪贴板"
                                    })
                                }
                            })
                            break;
                        case 5:
                            plus.share.sendWithSystem({
                                type: "web",
                                title: shareInfo.title || "",
                                thumbs: [shareInfo.imgUrl || ""],
                                href: shareInfo.href || "",
                                content: shareInfo.desc || "",
                            })
                            break;
                    };
                });
            },
            showShareView() {
                this.shareObj.show();
            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问