Closed ZhangJie1114 closed 6 years ago
安装npm install social-share.js后, 在JS页面导入了:
require('node_modules/social-share.js/dist/js/social-share.min.js'); require('node_modules/social-share.js/dist/js/jquery.share.min.js'); require('node_modules/social-share.js/dist/css/share.min.css');
在HTML页面直接引用:
<div class="social-share" data-initialized="true" data-weibo-title="这个标题只有的分享到微博时有用,其它标题为全局标题" data-qq-title="分享到QQ时用此标题" data-mode="prepend" data-url="http://www.xxx.com" data-source="http://www.xxx.com" data-title="其它全局标题" data-origin="XXXXX" data-description="XXXXXXXXXXXXXXXXXXXXXXX" data-image="http://img.xxx.com/xxx/dist/resource/xxx.jpg" data-mobile-sites="weibo,qq,qzone,tencent" data-disabled="diandian,tencent" data-wechat-qrcode-title="微信扫一扫:分享" data-wechat-qrcode-helper="<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>" > <a href="#" class="social-share-icon icon-weibo"></a> <a href="#" class="social-share-icon icon-qq"></a> <a href="#" class="social-share-icon icon-wechat"></a> <a href="#" class="social-share-icon icon-douban"></a> <a href="#" class="social-share-icon icon-qzone"></a> <a href="#" class="social-share-icon icon-linkedin"></a> <a href="#" class="social-share-icon icon-facebook"></a> <a href="#" class="social-share-icon icon-twitter"></a> <a href="#" class="social-share-icon icon-google"></a> <!-- <a href="javascript:;" class="social-share-icon icon-heart"></a> --> </div>
其它都ok,但悬停在wechat图标上不显示二维码,Terminal和Console控制台均无异常抛出……
需要给class="social-share"设置高度二维码才看得见……
安装npm install social-share.js后, 在JS页面导入了:
在HTML页面直接引用:
其它都ok,但悬停在wechat图标上不显示二维码,Terminal和Console控制台均无异常抛出……