推荐一款好用的前端分享插件Share.js
21-11-17
Share.js可以帮助你实现一键分享到微博、QQ空间、QQ好友、微信、Twitter等社交网站
HTML使用方法
<div class="social-share"></div> <!-- share.css --> <link rel="stylesheet" href="dist/css/share.min.css"> <!-- share.js --> <script src="dist/js/share.min.js"></script> // 当你使用类名为 `social-share` 或者 `social-share` 时不需要手动初始化
自定义配置
所有配置可选, 通常默认就满足需求:
var $config = {}; socialShare('.social-share', $config)
可用的配置有:
url: '', // 网址,默认使用 window.location.href source: '', // 来源(QQ空间会用到), 默认读取head标签 title: '', // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" /> description: '', // 描述, 默认读取head标签 image: '', // 图片, 默认取网页中第一个img标签 sites: ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点 disabled: ['google', 'facebook', 'twitter'], // 禁用的站点 wechatQrcodeTitle: "微信扫一扫:分享", // 微信二维码提示文字 wechatQrcodeHelper: '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',