/**
 * 寮曞叆鍚庤嚜鍔ㄥ湪娴忚鍣ㄥ彸渚у浐瀹氫簩缁寸爜 搴旂敤浜庝俊缃戝浘鐗囪鎯呴〉
 * @Author   wubin
 * @DateTime 2022-01-07T15:49:05+0800
 * @return   null
 */
(function ShareFixed(obj) {
    var QR_URL = 'https://ssl.qdxin.cn/api.tech/qrxin.php?data=';
    function shareQr() {
        obj = obj || {};
        // 鐢熸垚浜岀淮鐮佺殑url
        this.url = obj.url || window.location.href;
        // 浜岀淮鐮佷笅鏂规彁绀烘枃瀛
        this.tips = obj.tips || '鎵嬫満鎵竴鎵峰垎浜竴涓?;
        // 璺濈椤堕儴鐨勪綅缃
        this.top = obj.top || 20;
        // 璺濈涓诲唴瀹瑰尯鍩熷彸渚х殑璺濈
        this.rightOffset = obj.rightOffset || 20;
        // 涓诲唴瀹瑰尯鍩熺殑瀹藉害
        this.mainWidth = obj.mainWidth || 1000;
        // 浜岀淮鐮佺殑瀹藉害
        this.qrWidth = obj.qrWidth || 120;
        // 褰撴粴鍔ㄥ埌鍝釜浣嶇疆鍑虹幇 榛樿涓嶅紑鍚 榛樿鐩存帴鏄剧ず
        this.offsetTop = obj.offsetTop || false;
        this.init();
    }
    shareQr.prototype = {
        init: function() {
            if (this.isMobile()) {
                return;
            }
            if (this.offsetTop && this.offsetTop > 0) {
                this.listenScroll();
            }
            this.appendEl();
        },
        isMobile: function() {
          if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) {
                return true;
          }
          return false;
        },
        getEl: function() {
            var el = document.createElement('div');
            var url = this.url.replace("https", "http");
            el.className = 'erweiBox';
            var elInner = '<div id="erweiMa">';
                elInner += '<img src="' + QR_URL + url + '" width="' + this.qrWidth + '" height="' + this.qrWidth + '">';
                elInner += '</div>';
                elInner += '<em>' + this.tips + '</em>';
            el.innerHTML = elInner;
            return el;
        },
        getCss: function() {
            var marginRight = -((this.mainWidth / 2) + this.qrWidth + this.rightOffset);
            // 褰撹缃簡杩欎釜鍊肩殑鏃跺€ 寮€濮嬮粯璁ゆ槸闅愯棌
            var showCss = this.offsetTop ? 'visibility: hidden;opacity: 0;' : '';
            var css = '.erweiBox{position: fixed;background: #fff;padding: 0 0 10px 0;top: ' + this.top + 'px;right: 50%;margin-right: ' + marginRight + 'px;z-index: 9999;box-shadow: 0px 3px 3px #ccc;' + showCss + '    transition: opacity 0.5s;}';
            css += '.erweiBox em{display: block;text-align: center;color: #777;font-size: 12px;font-style: normal;}';
            css += '.erweiBox #erweiMa{width: 120px;overflow: hidden;text-align: center;}';
            css += '.erweiBox #erweiMa img{width: 100%;height: auto;}';
            css += '@media screen and (max-width: 480px) {.erweiBox{display:none;}}';
            var styleEl = document.createElement('style');
            styleEl.innerHTML = css;
            return styleEl;
        },
        appendEl: function() {
            this.el = this.getEl();
            this.style = this.getCss();
            document.head.appendChild(this.style);
            document.body.appendChild(this.el);
        },
        listenScroll: function() {
            var self = this;
            window.addEventListener('scroll', function() {
                var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
                if (scrollTop > self.offsetTop) {
                    self.el.style.visibility = 'visible';
                    self.el.style.opacity = 1;
                } else {
                    self.el.style.opacity = 0;
                    self.el.style.visibility = 'hidden';
                }
            });
        }
    };

    return new shareQr();
})({
    top: 126
});