overtrue / share.js

一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
MIT License
3.7k stars 808 forks source link

webpack环境下,微信二维码不生效 #108

Closed ZhangJie1114 closed 6 years ago

ZhangJie1114 commented 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控制台均无异常抛出……

ZhangJie1114 commented 6 years ago

需要给class="social-share"设置高度二维码才看得见……