更新记录

1.0.4(2021-06-07)

为符合苹果应用市场的审核,只显示存在对应的分享客户端的选项。如:配置包含微信分享,但是用户手机上并没有安装微信,就不显示微信分享。

1.0.3(2021-05-07)

添加插件中文名称

查看更多

平台兼容性

Vue App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
vue2 3.1.0 app-vue app-nvue × × × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

本功能基于底部图标菜单封装而成。

示例代码

<template>
    <button type="default" @click="uniShare">显示</button>
</template>
<script>
    import uniShare from 'uni_modules/uni-share/js_sdk/uni-share.js';
    export default {
        methods: {
            uniShare() {
                uniShare({
                    content: { //公共的分享参数配置  类型(type)、链接(herf)、标题(title)、summary(描述)、imageUrl(缩略图)
                        type: 0,
                        href: 'https://uniapp.dcloud.io/',
                        title: '标题',
                        summary: '描述',
                        imageUrl: 'https://img-cdn-aliyun.dcloud.net.cn/stream/icon/__UNI__HelloUniApp.png'
                    },
                    menus: [{
                            "img": "/static/app-plus/sharemenu/wechatfriend.png",
                            "text": "微信好友",
                            "share": { //当前项的分享参数配置。可覆盖公共的配置如下:分享到微信小程序,配置了type=5
                                "provider": "weixin",
                                "scene": "WXSceneSession"
                            }
                        },
                        {
                            "img": "/static/app-plus/sharemenu/wechatmoments.png",
                            "text": "微信朋友圈",
                            "share": {
                                "provider": "weixin",
                                "scene": "WXSenceTimeline"
                            }
                        },
                        {
                            "img": "/static/app-plus/sharemenu/mp_weixin.png",
                            "text": "微信小程序",
                            "share": {
                                provider: "weixin",
                                scene: "WXSceneSession",
                                type: 5,
                                miniProgram: {
                                    id: '123',
                                    path: '/pages/list/detail',
                                    webUrl: '/#/pages/list/detail',
                                    type: 0
                                },
                            }
                        },
                        {
                            "img": "/static/app-plus/sharemenu/weibo.png",
                            "text": "微博",
                            "share": {
                                "provider": "sinaweibo"
                            }
                        },
                        {
                            "img": "/static/app-plus/sharemenu/qq.png",
                            "text": "QQ",
                            "share": {
                                "provider": "qq"
                            }
                        },
                        {
                            "img": "/static/app-plus/sharemenu/copyurl.png",
                            "text": "复制",
                            "share": "copyurl"
                        },
                        {
                            "img": "/static/app-plus/sharemenu/more.png",
                            "text": "更多",
                            "share": "shareSystem"
                        }
                    ],
                    cancelText: "取消分享",
                }, e => { //callback
                    console.log(e);
                })
            }
        }
    }
</script>

隐私、权限声明

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

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

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

许可协议

MIT协议

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