小鹅通组件

# shareModal 分享弹窗

b端用于分享 微页面、知识商品、实物商品和营销活动的弹窗，里面包含了h5链接 ，二维码 ，分享语设置 和 海报设置。

# 引入

按需引入 sense组件库中的 shareModal组件。

import { ShareModal } from '@xiaoe/sense'
import '@xiaoe/sense/static/index.css'
Vue.use(ShareModal)
1
2
3
4

# 使用示例


this.$share({
    shareType: 2,
    businessId: "10520",
    resourceType:2,
    activityType:'',
    shareInfo: {
        h5: {
            title: "H5店铺",
            link: "http://wxdd198a901fa24220.h5.inside.xiaoe-tech.com",
            hideCopyLink:false,        // 隐藏复制链接  默认false
            hidePosterSetting:false,   // 隐藏海报设置入口  默认false
            hideMessageSetting:false,  // 隐藏分享语设置入口  默认false
            qr_code: ""
        },
        littleProgram: {
            title: "小程序",
            link: "/page/home/micro_page/micro_page?id=10672",
            qr_code: "http://littleclockproduct-1251748120.file.myqcloud.com/apppcHqlTPT3482/image/Z2V0cXJjb2RlLW1pY3JvcGFnZS1iX3VfNWI3M2UzNTE0OWE2N195cE10Yld0Ty1iY0hRbG5VbA.jpg",
            qrCodeTips:'扫码后转发页面至微信群，群内用户可领取邀请码（每人限领一次）',  // 二维码旁边的文案提示  默认不显示
            req_url: "/micro_page/get_share_info",
            req_data: {
                id: 10672,
                is_homepage: false
            },
            show_help: true,          // 显示教程链接  默认false
            hideCopyLink:false,       // 隐藏复制链接  默认false
        },
        wework: {
            title: "企业微信",
            link: "http://wxdd198a901fa24220.h5.inside.xiaoe-tech.com",
            qr_code: "",
            hideCopyLink:false,       // 隐藏复制链接  默认false
        }
    },
    promissionsInfo : {
        status: 1,
        tipsText: ''
    }
    });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

# 效果图

shareModal

# 参数介绍

参数 说明 类型 默认值 可选值
shareType 分享的东西所属类型 Number - 1-微页面 2-知识商品 3-营销活动
businessId 分享的页面/商品/活动的id String - —
shareInfo 分享的具体参数，配置可参考上方示例 Object - —
promissionsInfo 小程序的特殊逻辑，根据资质显示提示 Object - —
resourceType 分享的商品的类型，当shareType=2时有效 Number - 对应关系和B端保持一致
activityType 分享的活动类型，当shareType=3时有效 Number - 对应关系看下方
0	推广员
1	优惠券
2	邀请码
4	拼团
5	限时折扣
6	好友助力
8	兑换码
9	涨粉神器
10	裂变海报
11	秒杀
13	砍价
14	优惠码
1
2
3
4
5
6
7
8
9
10
11
12
13
14

← Switch 开关 →