一键分享功能的制作

Appcan simple operation

Posted by Strom on March 17, 2017

我用的是百度分享功能

地址:http://share.baidu.com/code 1.代码功能选择我们平时选择,就选‘页面分享功能’就可以了  2.点击右下角的 页面按钮设置进入下一页。

可以选择我们想要的 按钮类型 按钮风格选择  按钮大小   从图片展示那选择我们想要的功能,例如 微信 facebook 等等,

然后 点击右下角的 直接复制代码 就可以 把代码放到我们的html文件中使用了, (下一步的按钮设置可以不用操作) 我们可以自定义修改图标的样式。

我们使用react框架写代码时可以把我们刚才的代码中的script部分用

componentWillMount() {
        var script = document.createElement('script');
        script.src = "http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=408841";
        document.body.appendChild(script);

    }

替代,

demo