{!! \ModStart\ModStart::style('
.pb-share-buttons {
  text-align: center;
  padding: 20px 0;
}
.pb-share-buttons a {
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    width: 40px;
    color: #CCC;
    text-align: center;
    cursor: pointer;
}
') !!}
{!! \ModStart\ModStart::js('asset/vendor/jqueryQrcode.js') !!}
<div class="pb-share-buttons">
    <a href="javascript:;" data-page-qrcode title="手机扫一扫"><span class="iconfont icon-scan1"></span></a>
    <a href="javascript:;" data-page-qrcode title="分享到微信"><span class="iconfont icon-wechat"></span></a>
    <a href="http://connect.qq.com/widget/shareqq/index.html?url={{urlencode(\Illuminate\Support\Facades\Request::url())}}" target="_blank" data-uk-tooltip title="分享给QQ好友"><span class="iconfont icon-qq-copy"></span></a>
    <a href="http://service.weibo.com/share/share.php?url={{urlencode(\Illuminate\Support\Facades\Request::url())}}" target="_blank" data-uk-tooltip title="分享微博"><span class="iconfont icon-weibo"></span></a>
</div>
<div class="ub-modal" id="pageQrcodeDialog" aria-hidden="false">
    <div class="ub-modal-dialog" style="max-width:300px;">
        <a href="javascript:" class="ub-modal-close" onclick="$(this).closest('.ub-modal').removeClass('ub-open');"><i class="iconfont icon-close"></i></a>
        <div class="ub-modal-head">
            <div class="title">手机扫一扫</div>
        </div>
        <div class="ub-modal-body">
            <div data-qrcode style="text-align:center;"></div>
        </div>
    </div>
</div>
<script>

    $(function () {
        $('#pageQrcodeDialog [data-qrcode]').qrcode({
            width: 200,
            height: 200,
            text: window.location.href
        });
        $('#pageQrcodeDialog [data-qrcode] canvas').css('width','100%');
        $(document).on('click','[data-page-qrcode]',function () {
            $('#pageQrcodeDialog').addClass('ub-open');
        });
    });
</script>