☰

CSGO饰品2D/3D对比

使用图像处理技术对CSGO饰品网站上的皮肤进行对比，可以快速分辨出饰品细微的差异，不用再手动来回切换对比了。同时显示饰品上架时间和修改时间。

  1. // ==UserScript==
  2. // @name         CSGO饰品2D/3D对比
  3. // @namespace    https://github.com/qianjiachun
  4. // @version      2024.05.31.02
  5. // @description  使用图像处理技术对CSGO饰品网站上的皮肤进行对比，可以快速分辨出饰品细微的差异，不用再手动来回切换对比了。同时显示饰品上架时间和修改时间。
  6. // @author       小淳
  7. // @match        *://buff.163.com/goods*
  8. // @match        *://buff.163.com/3d_inspect/cs2?compare=true*
  9. // @match        *://spect.fp.ps.netease.com/*
  10. // @match        *://buff.163.com/compare3d*
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @grant        GM_deleteValue
  14. // @grant        GM_listValues
  15. // @grant        GM_setClipboard
  16. // @grant        unsafeWindow
  17. // @run-at       document-start
  18. // @require      https://fastly.jsdelivr.net/npm/notice.js@0.4.0/dist/notice.js
  19. // @require      https://lib.baomitu.com/vue/3.0.11/vue.global.prod.js
  20. // @require      https://fastly.jsdelivr.net/npm/comparison-slider@1.1.0/dist/comparison-slider.min.js
  21. // @require      https://fastly.jsdelivr.net/npm/canvas-compare@3.0.0/src/canvas-compare.min.js
  22. // @require      https://fastly.jsdelivr.net/npm/@vueform/slider@2.0.4/dist/slider.global.js
  23. // ==/UserScript==
  24.  
  25. unsafeWindow.hookList = [];
  26. unsafeWindow.hookCallback = function (xhr) {
  27.     // console.log(xhr);
  28. }
  29. function addXMLRequestCallback(callback){
  30.     var oldSend, i;
  31.     if( XMLHttpRequest.callbacks ) {
  32.         XMLHttpRequest.callbacks.push( callback );
  33.     } else {
  34.         XMLHttpRequest.callbacks = [callback];
  35.         oldSend = XMLHttpRequest.prototype.send;
  36.         XMLHttpRequest.prototype.send = function(){
  37.             for( i = 0; i < XMLHttpRequest.callbacks.length; i++ ) {
  38.                 XMLHttpRequest.callbacks[i]( this );
  39.             }
  40.             oldSend.apply(this, arguments);
  41.         }
  42.     }
  43. }
  44. if (location.href.indexOf("goods") !== -1) {
  45.     addXMLRequestCallback( function( xhr ) {
  46.         xhr.addEventListener("load", function(){
  47.             if ( xhr.readyState == 4 && xhr.status == 200 ) {
  48.                 unsafeWindow.hookList.push(xhr);
  49.                 unsafeWindow.hookCallback(xhr);
  50.             }
  51.         });
  52.     });
  53. }
  54. /******/ (function(modules) { // webpackBootstrap
  55. /******/ 	// The module cache
  56. /******/ 	var installedModules = {};
  57. /******/
  58. /******/ 	// The require function
  59. /******/ 	function __webpack_require__(moduleId) {
  60. /******/
  61. /******/ 		// Check if module is in cache
  62. /******/ 		if(installedModules[moduleId]) {
  63. /******/ 			return installedModules[moduleId].exports;
  64. /******/ 		}
  65. /******/ 		// Create a new module (and put it into the cache)
  66. /******/ 		var module = installedModules[moduleId] = {
  67. /******/ 			i: moduleId,
  68. /******/ 			l: false,
  69. /******/ 			exports: {}
  70. /******/ 		};
  71. /******/
  72. /******/ 		// Execute the module function
  73. /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  74. /******/
  75. /******/ 		// Flag the module as loaded
  76. /******/ 		module.l = true;
  77. /******/
  78. /******/ 		// Return the exports of the module
  79. /******/ 		return module.exports;
  80. /******/ 	}
  81. /******/
  82. /******/
  83. /******/ 	// expose the modules object (__webpack_modules__)
  84. /******/ 	__webpack_require__.m = modules;
  85. /******/
  86. /******/ 	// expose the module cache
  87. /******/ 	__webpack_require__.c = installedModules;
  88. /******/
  89. /******/ 	// define getter function for harmony exports
  90. /******/ 	__webpack_require__.d = function(exports, name, getter) {
  91. /******/ 		if(!__webpack_require__.o(exports, name)) {
  92. /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
  93. /******/ 		}
  94. /******/ 	};
  95. /******/
  96. /******/ 	// define __esModule on exports
  97. /******/ 	__webpack_require__.r = function(exports) {
  98. /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  99. /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
  100. /******/ 		}
  101. /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
  102. /******/ 	};
  103. /******/
  104. /******/ 	// create a fake namespace object
  105. /******/ 	// mode & 1: value is a module id, require it
  106. /******/ 	// mode & 2: merge all properties of value into the ns
  107. /******/ 	// mode & 4: return value when already ns object
  108. /******/ 	// mode & 8|1: behave like require
  109. /******/ 	__webpack_require__.t = function(value, mode) {
  110. /******/ 		if(mode & 1) value = __webpack_require__(value);
  111. /******/ 		if(mode & 8) return value;
  112. /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
  113. /******/ 		var ns = Object.create(null);
  114. /******/ 		__webpack_require__.r(ns);
  115. /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
  116. /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
  117. /******/ 		return ns;
  118. /******/ 	};
  119. /******/
  120. /******/ 	// getDefaultExport function for compatibility with non-harmony modules
  121. /******/ 	__webpack_require__.n = function(module) {
  122. /******/ 		var getter = module && module.__esModule ?
  123. /******/ 			function getDefault() { return module['default']; } :
  124. /******/ 			function getModuleExports() { return module; };
  125. /******/ 		__webpack_require__.d(getter, 'a', getter);
  126. /******/ 		return getter;
  127. /******/ 	};
  128. /******/
  129. /******/ 	// Object.prototype.hasOwnProperty.call
  130. /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  131. /******/
  132. /******/ 	// __webpack_public_path__
  133. /******/ 	__webpack_require__.p = "/dist/";
  134. /******/
  135. /******/
  136. /******/ 	// Load entry module and return exports
  137. /******/ 	return __webpack_require__(__webpack_require__.s = 31);
  138. /******/ })
  139. /************************************************************************/
  140. /******/ ([
  141. /* 0 */
  142. /***/ (function(module, exports) {
  143.  
  144. module.exports = Vue;
  145.  
  146. /***/ }),
  147. /* 1 */
  148. /***/ (function(module, exports, __webpack_require__) {
  149.  
  150. "use strict";
  151.  
  152.  
  153. var isOldIE = function isOldIE() {
  154.   var memo;
  155.   return function memorize() {
  156.     if (typeof memo === 'undefined') {
  157.       // Test for IE <= 9 as proposed by Browserhacks
  158.       // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
  159.       // Tests for existence of standard globals is to allow style-loader
  160.       // to operate correctly into non-standard environments
  161.       // @see https://github.com/webpack-contrib/style-loader/issues/177
  162.       memo = Boolean(window && document && document.all && !window.atob);
  163.     }
  164.  
  165.     return memo;
  166.   };
  167. }();
  168.  
  169. var getTarget = function getTarget() {
  170.   var memo = {};
  171.   return function memorize(target) {
  172.     if (typeof memo[target] === 'undefined') {
  173.       var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
  174.  
  175.       if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
  176.         try {
  177.           // This will throw an exception if access to iframe is blocked
  178.           // due to cross-origin restrictions
  179.           styleTarget = styleTarget.contentDocument.head;
  180.         } catch (e) {
  181.           // istanbul ignore next
  182.           styleTarget = null;
  183.         }
  184.       }
  185.  
  186.       memo[target] = styleTarget;
  187.     }
  188.  
  189.     return memo[target];
  190.   };
  191. }();
  192.  
  193. var stylesInDom = [];
  194.  
  195. function getIndexByIdentifier(identifier) {
  196.   var result = -1;
  197.  
  198.   for (var i = 0; i < stylesInDom.length; i++) {
  199.     if (stylesInDom[i].identifier === identifier) {
  200.       result = i;
  201.       break;
  202.     }
  203.   }
  204.  
  205.   return result;
  206. }
  207.  
  208. function modulesToDom(list, options) {
  209.   var idCountMap = {};
  210.   var identifiers = [];
  211.  
  212.   for (var i = 0; i < list.length; i++) {
  213.     var item = list[i];
  214.     var id = options.base ? item[0] + options.base : item[0];
  215.     var count = idCountMap[id] || 0;
  216.     var identifier = "".concat(id, " ").concat(count);
  217.     idCountMap[id] = count + 1;
  218.     var index = getIndexByIdentifier(identifier);
  219.     var obj = {
  220.       css: item[1],
  221.       media: item[2],
  222.       sourceMap: item[3]
  223.     };
  224.  
  225.     if (index !== -1) {
  226.       stylesInDom[index].references++;
  227.       stylesInDom[index].updater(obj);
  228.     } else {
  229.       stylesInDom.push({
  230.         identifier: identifier,
  231.         updater: addStyle(obj, options),
  232.         references: 1
  233.       });
  234.     }
  235.  
  236.     identifiers.push(identifier);
  237.   }
  238.  
  239.   return identifiers;
  240. }
  241.  
  242. function insertStyleElement(options) {
  243.   var style = document.createElement('style');
  244.   var attributes = options.attributes || {};
  245.  
  246.   if (typeof attributes.nonce === 'undefined') {
  247.     var nonce =  true ? __webpack_require__.nc : undefined;
  248.  
  249.     if (nonce) {
  250.       attributes.nonce = nonce;
  251.     }
  252.   }
  253.  
  254.   Object.keys(attributes).forEach(function (key) {
  255.     style.setAttribute(key, attributes[key]);
  256.   });
  257.  
  258.   if (typeof options.insert === 'function') {
  259.     options.insert(style);
  260.   } else {
  261.     var target = getTarget(options.insert || 'head');
  262.  
  263.     if (!target) {
  264.       throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
  265.     }
  266.  
  267.     target.appendChild(style);
  268.   }
  269.  
  270.   return style;
  271. }
  272.  
  273. function removeStyleElement(style) {
  274.   // istanbul ignore if
  275.   if (style.parentNode === null) {
  276.     return false;
  277.   }
  278.  
  279.   style.parentNode.removeChild(style);
  280. }
  281. /* istanbul ignore next  */
  282.  
  283.  
  284. var replaceText = function replaceText() {
  285.   var textStore = [];
  286.   return function replace(index, replacement) {
  287.     textStore[index] = replacement;
  288.     return textStore.filter(Boolean).join('\n');
  289.   };
  290. }();
  291.  
  292. function applyToSingletonTag(style, index, remove, obj) {
  293.   var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
  294.  
  295.   /* istanbul ignore if  */
  296.  
  297.   if (style.styleSheet) {
  298.     style.styleSheet.cssText = replaceText(index, css);
  299.   } else {
  300.     var cssNode = document.createTextNode(css);
  301.     var childNodes = style.childNodes;
  302.  
  303.     if (childNodes[index]) {
  304.       style.removeChild(childNodes[index]);
  305.     }
  306.  
  307.     if (childNodes.length) {
  308.       style.insertBefore(cssNode, childNodes[index]);
  309.     } else {
  310.       style.appendChild(cssNode);
  311.     }
  312.   }
  313. }
  314.  
  315. function applyToTag(style, options, obj) {
  316.   var css = obj.css;
  317.   var media = obj.media;
  318.   var sourceMap = obj.sourceMap;
  319.  
  320.   if (media) {
  321.     style.setAttribute('media', media);
  322.   } else {
  323.     style.removeAttribute('media');
  324.   }
  325.  
  326.   if (sourceMap && btoa) {
  327.     css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
  328.   } // For old IE
  329.  
  330.   /* istanbul ignore if  */
  331.  
  332.  
  333.   if (style.styleSheet) {
  334.     style.styleSheet.cssText = css;
  335.   } else {
  336.     while (style.firstChild) {
  337.       style.removeChild(style.firstChild);
  338.     }
  339.  
  340.     style.appendChild(document.createTextNode(css));
  341.   }
  342. }
  343.  
  344. var singleton = null;
  345. var singletonCounter = 0;
  346.  
  347. function addStyle(obj, options) {
  348.   var style;
  349.   var update;
  350.   var remove;
  351.  
  352.   if (options.singleton) {
  353.     var styleIndex = singletonCounter++;
  354.     style = singleton || (singleton = insertStyleElement(options));
  355.     update = applyToSingletonTag.bind(null, style, styleIndex, false);
  356.     remove = applyToSingletonTag.bind(null, style, styleIndex, true);
  357.   } else {
  358.     style = insertStyleElement(options);
  359.     update = applyToTag.bind(null, style, options);
  360.  
  361.     remove = function remove() {
  362.       removeStyleElement(style);
  363.     };
  364.   }
  365.  
  366.   update(obj);
  367.   return function updateStyle(newObj) {
  368.     if (newObj) {
  369.       if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
  370.         return;
  371.       }
  372.  
  373.       update(obj = newObj);
  374.     } else {
  375.       remove();
  376.     }
  377.   };
  378. }
  379.  
  380. module.exports = function (list, options) {
  381.   options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
  382.   // tags it will allow on a page
  383.  
  384.   if (!options.singleton && typeof options.singleton !== 'boolean') {
  385.     options.singleton = isOldIE();
  386.   }
  387.  
  388.   list = list || [];
  389.   var lastIdentifiers = modulesToDom(list, options);
  390.   return function update(newList) {
  391.     newList = newList || [];
  392.  
  393.     if (Object.prototype.toString.call(newList) !== '[object Array]') {
  394.       return;
  395.     }
  396.  
  397.     for (var i = 0; i < lastIdentifiers.length; i++) {
  398.       var identifier = lastIdentifiers[i];
  399.       var index = getIndexByIdentifier(identifier);
  400.       stylesInDom[index].references--;
  401.     }
  402.  
  403.     var newLastIdentifiers = modulesToDom(newList, options);
  404.  
  405.     for (var _i = 0; _i < lastIdentifiers.length; _i++) {
  406.       var _identifier = lastIdentifiers[_i];
  407.  
  408.       var _index = getIndexByIdentifier(_identifier);
  409.  
  410.       if (stylesInDom[_index].references === 0) {
  411.         stylesInDom[_index].updater();
  412.  
  413.         stylesInDom.splice(_index, 1);
  414.       }
  415.     }
  416.  
  417.     lastIdentifiers = newLastIdentifiers;
  418.   };
  419. };
  420.  
  421. /***/ }),
  422. /* 2 */
  423. /***/ (function(module, exports, __webpack_require__) {
  424.  
  425. "use strict";
  426.  
  427.  
  428. /*
  429.   MIT License http://www.opensource.org/licenses/mit-license.php
  430.   Author Tobias Koppers @sokra
  431. */
  432. // css base code, injected by the css-loader
  433. // eslint-disable-next-line func-names
  434. module.exports = function (useSourceMap) {
  435.   var list = []; // return the list of modules as css string
  436.  
  437.   list.toString = function toString() {
  438.     return this.map(function (item) {
  439.       var content = cssWithMappingToString(item, useSourceMap);
  440.  
  441.       if (item[2]) {
  442.         return "@media ".concat(item[2], " {").concat(content, "}");
  443.       }
  444.  
  445.       return content;
  446.     }).join('');
  447.   }; // import a list of modules into the list
  448.   // eslint-disable-next-line func-names
  449.  
  450.  
  451.   list.i = function (modules, mediaQuery, dedupe) {
  452.     if (typeof modules === 'string') {
  453.       // eslint-disable-next-line no-param-reassign
  454.       modules = [[null, modules, '']];
  455.     }
  456.  
  457.     var alreadyImportedModules = {};
  458.  
  459.     if (dedupe) {
  460.       for (var i = 0; i < this.length; i++) {
  461.         // eslint-disable-next-line prefer-destructuring
  462.         var id = this[i][0];
  463.  
  464.         if (id != null) {
  465.           alreadyImportedModules[id] = true;
  466.         }
  467.       }
  468.     }
  469.  
  470.     for (var _i = 0; _i < modules.length; _i++) {
  471.       var item = [].concat(modules[_i]);
  472.  
  473.       if (dedupe && alreadyImportedModules[item[0]]) {
  474.         // eslint-disable-next-line no-continue
  475.         continue;
  476.       }
  477.  
  478.       if (mediaQuery) {
  479.         if (!item[2]) {
  480.           item[2] = mediaQuery;
  481.         } else {
  482.           item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
  483.         }
  484.       }
  485.  
  486.       list.push(item);
  487.     }
  488.   };
  489.  
  490.   return list;
  491. };
  492.  
  493. function cssWithMappingToString(item, useSourceMap) {
  494.   var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
  495.  
  496.   var cssMapping = item[3];
  497.  
  498.   if (!cssMapping) {
  499.     return content;
  500.   }
  501.  
  502.   if (useSourceMap && typeof btoa === 'function') {
  503.     var sourceMapping = toComment(cssMapping);
  504.     var sourceURLs = cssMapping.sources.map(function (source) {
  505.       return "/*# sourceURL=".concat(cssMapping.sourceRoot || '').concat(source, " */");
  506.     });
  507.     return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
  508.   }
  509.  
  510.   return [content].join('\n');
  511. } // Adapted from convert-source-map (MIT)
  512.  
  513.  
  514. function toComment(sourceMap) {
  515.   // eslint-disable-next-line no-undef
  516.   var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
  517.   var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
  518.   return "/*# ".concat(data, " */");
  519. }
  520.  
  521. /***/ }),
  522. /* 3 */
  523. /***/ (function(module, exports) {
  524.  
  525. module.exports = VueformSlider;
  526.  
  527. /***/ }),
  528. /* 4 */
  529. /***/ (function(module, exports, __webpack_require__) {
  530.  
  531. var api = __webpack_require__(1);
  532.             var content = __webpack_require__(14);
  533.  
  534.             content = content.__esModule ? content.default : content;
  535.  
  536.             if (typeof content === 'string') {
  537.               content = [[module.i, content, '']];
  538.             }
  539.  
  540. var options = {};
  541.  
  542. options.insert = "head";
  543. options.singleton = false;
  544.  
  545. var update = api(content, options);
  546.  
  547.  
  548.  
  549. module.exports = content.locals || {};
  550.  
  551. /***/ }),
  552. /* 5 */
  553. /***/ (function(module, exports, __webpack_require__) {
  554.  
  555. var api = __webpack_require__(1);
  556.             var content = __webpack_require__(16);
  557.  
  558.             content = content.__esModule ? content.default : content;
  559.  
  560.             if (typeof content === 'string') {
  561.               content = [[module.i, content, '']];
  562.             }
  563.  
  564. var options = {};
  565.  
  566. options.insert = "head";
  567. options.singleton = false;
  568.  
  569. var update = api(content, options);
  570.  
  571.  
  572.  
  573. module.exports = content.locals || {};
  574.  
  575. /***/ }),
  576. /* 6 */
  577. /***/ (function(module, exports, __webpack_require__) {
  578.  
  579. var api = __webpack_require__(1);
  580.             var content = __webpack_require__(26);
  581.  
  582.             content = content.__esModule ? content.default : content;
  583.  
  584.             if (typeof content === 'string') {
  585.               content = [[module.i, content, '']];
  586.             }
  587.  
  588. var options = {};
  589.  
  590. options.insert = "head";
  591. options.singleton = false;
  592.  
  593. var update = api(content, options);
  594.  
  595.  
  596.  
  597. module.exports = content.locals || {};
  598.  
  599. /***/ }),
  600. /* 7 */
  601. /***/ (function(module, exports, __webpack_require__) {
  602.  
  603. var api = __webpack_require__(1);
  604.             var content = __webpack_require__(28);
  605.  
  606.             content = content.__esModule ? content.default : content;
  607.  
  608.             if (typeof content === 'string') {
  609.               content = [[module.i, content, '']];
  610.             }
  611.  
  612. var options = {};
  613.  
  614. options.insert = "head";
  615. options.singleton = false;
  616.  
  617. var update = api(content, options);
  618.  
  619.  
  620.  
  621. module.exports = content.locals || {};
  622.  
  623. /***/ }),
  624. /* 8 */
  625. /***/ (function(module, exports, __webpack_require__) {
  626.  
  627. var api = __webpack_require__(1);
  628.             var content = __webpack_require__(30);
  629.  
  630.             content = content.__esModule ? content.default : content;
  631.  
  632.             if (typeof content === 'string') {
  633.               content = [[module.i, content, '']];
  634.             }
  635.  
  636. var options = {};
  637.  
  638. options.insert = "head";
  639. options.singleton = false;
  640.  
  641. var update = api(content, options);
  642.  
  643.  
  644.  
  645. module.exports = content.locals || {};
  646.  
  647. /***/ }),
  648. /* 9 */
  649. /***/ (function(module, exports, __webpack_require__) {
  650.  
  651. var api = __webpack_require__(1);
  652.             var content = __webpack_require__(10);
  653.  
  654.             content = content.__esModule ? content.default : content;
  655.  
  656.             if (typeof content === 'string') {
  657.               content = [[module.i, content, '']];
  658.             }
  659.  
  660. var options = {};
  661.  
  662. options.insert = "head";
  663. options.singleton = false;
  664.  
  665. var update = api(content, options);
  666.  
  667.  
  668.  
  669. module.exports = content.locals || {};
  670.  
  671. /***/ }),
  672. /* 10 */
  673. /***/ (function(module, exports, __webpack_require__) {
  674.  
  675. // Imports
  676. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  677. exports = ___CSS_LOADER_API_IMPORT___(false);
  678. // Module
  679. exports.push([module.i, ".noticejs-top{top:0;width:100%!important}.noticejs-top .item{border-radius:0!important;margin:0!important}.noticejs-topRight{top:10px;right:10px}.noticejs-topLeft{top:10px;left:10px}.noticejs-topCenter{top:10px;left:50%;transform:translate(-50%)}.noticejs-middleLeft,.noticejs-middleRight{right:10px;top:50%;transform:translateY(-50%)}.noticejs-middleLeft{left:10px}.noticejs-middleCenter{top:50%;left:50%;transform:translate(-50%,-50%)}.noticejs-bottom{bottom:0;width:100%!important}.noticejs-bottom .item{border-radius:0!important;margin:0!important}.noticejs-bottomRight{bottom:10px;right:10px}.noticejs-bottomLeft{bottom:10px;left:10px}.noticejs-bottomCenter{bottom:10px;left:50%;transform:translate(-50%)}.noticejs{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.noticejs .item{margin:0 0 10px;border-radius:3px;overflow:hidden}.noticejs .item .close{float:right;font-size:18px;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:1;margin-right:7px}.noticejs .item .close:hover{opacity:.5;color:#000}.noticejs .item a{color:#fff;border-bottom:1px dashed #fff}.noticejs .item a,.noticejs .item a:hover{text-decoration:none}.noticejs .success{background-color:#64ce83}.noticejs .success .noticejs-heading{background-color:#3da95c;color:#fff;padding:10px}.noticejs .success .noticejs-body{color:#fff;padding:10px}.noticejs .success .noticejs-body:hover{visibility:visible!important}.noticejs .success .noticejs-content{visibility:visible}.noticejs .info{background-color:#3ea2ff}.noticejs .info .noticejs-heading{background-color:#067cea;color:#fff;padding:10px}.noticejs .info .noticejs-body{color:#fff;padding:10px}.noticejs .info .noticejs-body:hover{visibility:visible!important}.noticejs .info .noticejs-content{visibility:visible}.noticejs .warning{background-color:#ff7f48}.noticejs .warning .noticejs-heading{background-color:#f44e06;color:#fff;padding:10px}.noticejs .warning .noticejs-body{color:#fff;padding:10px}.noticejs .warning .noticejs-body:hover{visibility:visible!important}.noticejs .warning .noticejs-content{visibility:visible}.noticejs .error{background-color:#e74c3c}.noticejs .error .noticejs-heading{background-color:#ba2c1d;color:#fff;padding:10px}.noticejs .error .noticejs-body{color:#fff;padding:10px}.noticejs .error .noticejs-body:hover{visibility:visible!important}.noticejs .error .noticejs-content{visibility:visible}.noticejs .progressbar{width:100%}.noticejs .progressbar .bar{width:1%;height:30px;background-color:#4caf50}.noticejs .success .noticejs-progressbar{width:100%;background-color:#64ce83;margin-top:-1px}.noticejs .success .noticejs-progressbar .noticejs-bar{width:100%;height:5px;background:#3da95c}.noticejs .info .noticejs-progressbar{width:100%;background-color:#3ea2ff;margin-top:-1px}.noticejs .info .noticejs-progressbar .noticejs-bar{width:100%;height:5px;background:#067cea}.noticejs .warning .noticejs-progressbar{width:100%;background-color:#ff7f48;margin-top:-1px}.noticejs .warning .noticejs-progressbar .noticejs-bar{width:100%;height:5px;background:#f44e06}.noticejs .error .noticejs-progressbar{width:100%;background-color:#e74c3c;margin-top:-1px}.noticejs .error .noticejs-progressbar .noticejs-bar{width:100%;height:5px;background:#ba2c1d}@keyframes noticejs-fadeOut{0%{opacity:1}to{opacity:0}}.noticejs-fadeOut{animation-name:noticejs-fadeOut}@keyframes noticejs-modal-in{to{opacity:.3}}@keyframes noticejs-modal-out{to{opacity:0}}.noticejs-rtl .noticejs-heading{direction:rtl}.noticejs-rtl .close{float:left!important;margin-left:7px;margin-right:0!important}.noticejs-rtl .noticejs-content{direction:rtl}.noticejs{position:fixed;z-index:10050;width:320px}.noticejs ::-webkit-scrollbar{width:8px}.noticejs ::-webkit-scrollbar-button{width:8px;height:5px}.noticejs ::-webkit-scrollbar-track{border-radius:10px}.noticejs ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:10px}.noticejs ::-webkit-scrollbar-thumb:hover{background:#fff}.noticejs-modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}.noticejs-modal-open{opacity:0;animation:noticejs-modal-in .3s ease-out}.noticejs-modal-close{animation:noticejs-modal-out .3s ease-out;animation-fill-mode:forwards}", ""]);
  680. // Exports
  681. module.exports = exports;
  682.  
  683.  
  684. /***/ }),
  685. /* 11 */
  686. /***/ (function(module, exports, __webpack_require__) {
  687.  
  688. var api = __webpack_require__(1);
  689.             var content = __webpack_require__(12);
  690.  
  691.             content = content.__esModule ? content.default : content;
  692.  
  693.             if (typeof content === 'string') {
  694.               content = [[module.i, content, '']];
  695.             }
  696.  
  697. var options = {};
  698.  
  699. options.insert = "head";
  700. options.singleton = false;
  701.  
  702. var update = api(content, options);
  703.  
  704.  
  705.  
  706. module.exports = content.locals || {};
  707.  
  708. /***/ }),
  709. /* 12 */
  710. /***/ (function(module, exports, __webpack_require__) {
  711.  
  712. // Imports
  713. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  714. exports = ___CSS_LOADER_API_IMPORT___(false);
  715. // Module
  716. exports.push([module.i, ".el-button {\r\n    display: inline-block;\r\n    line-height: 1;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    background: #fff;\r\n    border: 1px solid #dcdfe6;\r\n    color: #606266;\r\n    -webkit-appearance: none;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    outline: none;\r\n    margin: 0;\r\n    transition: .1s;\r\n    font-weight: 500;\r\n    -moz-user-select: none;\r\n    -webkit-user-select: none;\r\n    -ms-user-select: none;\r\n    padding: 12px 20px;\r\n    font-size: 14px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.el-button--primary {\r\n    color: #fff;\r\n    background-color: #409eff;\r\n    border-color: #409eff;\r\n}\r\n\r\n.el-button--primary:hover {\r\n    background: #66b1ff;\r\n    border-color: #66b1ff;\r\n    color: #fff;\r\n}\r\n\r\n.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {\r\n    color: #c0c4cc;\r\n    cursor: not-allowed;\r\n    background-image: none;\r\n    background-color: #fff;\r\n    border-color: #ebeef5;\r\n}\r\n\r\n.el-button--success {\r\n    color: #fff;\r\n    background-color: #67c23a;\r\n    border-color: #67c23a;\r\n}\r\n.el-button--success:hover {\r\n    background: #85ce61;\r\n    border-color: #85ce61;\r\n    color: #fff;\r\n}\r\n\r\n.el-button--danger {\r\n    color: #fff;\r\n    background-color: #f56c6c;\r\n    border-color: #f56c6c;\r\n}\r\n\r\n.el-button--danger:hover {\r\n    background: #f78989;\r\n    border-color: #f78989;\r\n    color: #fff;\r\n}\r\n\r\n.el-button--warning {\r\n    color: #fff;\r\n    background-color: #e6a23c;\r\n    border-color: #e6a23c;\r\n}\r\n\r\n.el-button--warning:focus, .el-button--warning:hover {\r\n    background: #ebb563;\r\n    border-color: #ebb563;\r\n    color: #fff;\r\n}", ""]);
  717. // Exports
  718. module.exports = exports;
  719.  
  720.  
  721. /***/ }),
  722. /* 13 */
  723. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  724.  
  725. "use strict";
  726. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_SkinInfo_vue_vue_type_style_index_0_id_c03073cc_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
  727. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_SkinInfo_vue_vue_type_style_index_0_id_c03073cc_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_SkinInfo_vue_vue_type_style_index_0_id_c03073cc_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
  728. /* unused harmony reexport * */
  729.  
  730.  
  731. /***/ }),
  732. /* 14 */
  733. /***/ (function(module, exports, __webpack_require__) {
  734.  
  735. // Imports
  736. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  737. exports = ___CSS_LOADER_API_IMPORT___(false);
  738. // Module
  739. exports.push([module.i, "\n.imgWrap[data-v-c03073cc] {\r\n    text-align: center;\r\n    background: url(https://buff.163.com/static/images/item_bg.png);\r\n    background-size: cover;\r\n    width: 88px;\r\n    height: 66px;\n}\n.imgWrap img[data-v-c03073cc] {\r\n    width: 66px;\r\n    height: 66px;\r\n    max-width: 88px;\n}\n.imgWrap .view-btn[data-v-c03073cc] {\r\n    display: block;\r\n    width: 48px;\r\n    position: relative;\r\n    top: -22px;\r\n    left: 2px;\r\n    color: white !important;\n}\n.infoWrap[data-v-c03073cc] {\r\n    margin-left: 15px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left;\r\n    justify-content: flex-end;\n}\r\n", ""]);
  740. // Exports
  741. module.exports = exports;
  742.  
  743.  
  744. /***/ }),
  745. /* 15 */
  746. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  747.  
  748. "use strict";
  749. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_CompareList_vue_vue_type_style_index_0_id_8a9384f8_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
  750. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_CompareList_vue_vue_type_style_index_0_id_8a9384f8_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_CompareList_vue_vue_type_style_index_0_id_8a9384f8_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
  751. /* unused harmony reexport * */
  752.  
  753.  
  754. /***/ }),
  755. /* 16 */
  756. /***/ (function(module, exports, __webpack_require__) {
  757.  
  758. // Imports
  759. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  760. exports = ___CSS_LOADER_API_IMPORT___(false);
  761. // Module
  762. exports.push([module.i, "\n.compare__table[data-v-8a9384f8] {\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n    color: rgb(29,30,35);\r\n    border-collapse: collapse;\r\n    border-spacing: 0;\r\n    text-align: center;\n}\n.compare__table th[data-v-8a9384f8], .compare__table td[data-v-8a9384f8]{\r\n    border: 1px solid #dee2e6;\r\n    padding: .75rem;\n}\n.compare__table thead th[data-v-8a9384f8]{\r\n    color: #fff;\r\n    background-color: #343a40;\r\n    border-color: #454d55;\n}\n.compare__table tbody[data-v-8a9384f8] {\r\n    display: block;\r\n    height: 400px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\n}\n.compare__table thead[data-v-8a9384f8],\r\n.compare__table tbody tr[data-v-8a9384f8] {\r\n    display: table;\r\n    width: 100%;\r\n    table-layout: fixed;\n}\n.compare__table thead[data-v-8a9384f8] {\r\n    width: calc( 100% - 4px)\n}\n.compare__table tbody tr[data-v-8a9384f8]:hover {\r\n    background: rgb(245,245,245);\n}\n.list-footer[data-v-8a9384f8]{\r\n    text-align: right;\n}\r\n", ""]);
  763. // Exports
  764. module.exports = exports;
  765.  
  766.  
  767. /***/ }),
  768. /* 17 */
  769. /***/ (function(module, exports, __webpack_require__) {
  770.  
  771. var api = __webpack_require__(1);
  772.             var content = __webpack_require__(18);
  773.  
  774.             content = content.__esModule ? content.default : content;
  775.  
  776.             if (typeof content === 'string') {
  777.               content = [[module.i, content, '']];
  778.             }
  779.  
  780. var options = {};
  781.  
  782. options.insert = "head";
  783. options.singleton = false;
  784.  
  785. var update = api(content, options);
  786.  
  787.  
  788.  
  789. module.exports = content.locals || {};
  790.  
  791. /***/ }),
  792. /* 18 */
  793. /***/ (function(module, exports, __webpack_require__) {
  794.  
  795. // Imports
  796. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  797. exports = ___CSS_LOADER_API_IMPORT___(false);
  798. // Module
  799. exports.push([module.i, ".compare__wrap {\r\n    position: absolute;\r\n    z-index: 1015;\r\n}\r\n\r\n.compare__mask {\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.compare__dialog {\r\n    padding: 10px;\r\n    width: 800px;\r\n    height: 500px;\r\n    background-color: white;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    top: 250px;\r\n    margin: auto;\r\n    box-shadow: 0px 0px 10px 0px #888888;\r\n    border-radius: 10px;\r\n}", ""]);
  800. // Exports
  801. module.exports = exports;
  802.  
  803.  
  804. /***/ }),
  805. /* 19 */
  806. /***/ (function(module, exports, __webpack_require__) {
  807.  
  808. var api = __webpack_require__(1);
  809.             var content = __webpack_require__(20);
  810.  
  811.             content = content.__esModule ? content.default : content;
  812.  
  813.             if (typeof content === 'string') {
  814.               content = [[module.i, content, '']];
  815.             }
  816.  
  817. var options = {};
  818.  
  819. options.insert = "head";
  820. options.singleton = false;
  821.  
  822. var update = api(content, options);
  823.  
  824.  
  825.  
  826. module.exports = content.locals || {};
  827.  
  828. /***/ }),
  829. /* 20 */
  830. /***/ (function(module, exports, __webpack_require__) {
  831.  
  832. // Imports
  833. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  834. exports = ___CSS_LOADER_API_IMPORT___(false);
  835. // Module
  836. exports.push([module.i, "* {\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.compare3d__iframe {\r\n    width: 100%;\r\n    height: 100vh;\r\n    border: 0px solid white;\r\n}\r\n\r\n.compare3d__tips {\r\n    position: fixed;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-size: 14px;\r\n    top: 70px;\r\n    left: 10px;\r\n    cursor: default;\r\n    user-select: none;\r\n}\r\n\r\n.compare3d__watermark {\r\n    position: fixed;\r\n    right: 10px;\r\n    top: 70px;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    z-index: 1;\r\n    cursor: pointer;\r\n    font-size: 24px;\r\n    user-select: none;\r\n}", ""]);
  837. // Exports
  838. module.exports = exports;
  839.  
  840.  
  841. /***/ }),
  842. /* 21 */
  843. /***/ (function(module, exports, __webpack_require__) {
  844.  
  845. var api = __webpack_require__(1);
  846.             var content = __webpack_require__(22);
  847.  
  848.             content = content.__esModule ? content.default : content;
  849.  
  850.             if (typeof content === 'string') {
  851.               content = [[module.i, content, '']];
  852.             }
  853.  
  854. var options = {};
  855.  
  856. options.insert = "head";
  857. options.singleton = false;
  858.  
  859. var update = api(content, options);
  860.  
  861.  
  862.  
  863. module.exports = content.locals || {};
  864.  
  865. /***/ }),
  866. /* 22 */
  867. /***/ (function(module, exports, __webpack_require__) {
  868.  
  869. // Imports
  870. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  871. exports = ___CSS_LOADER_API_IMPORT___(false);
  872. // Module
  873. exports.push([module.i, ".t_Left {\r\n    position: relative;\r\n}\r\n\r\n.ex-time {\r\n    position: absolute;\r\n    margin-top: -35px;\r\n    width: 100%;\r\n    text-align: right;\r\n    color: gray;\r\n    font-size: 12px;\r\n}\r\n\r\n.ex-time span{\r\n    margin-right: 10px;\r\n}", ""]);
  874. // Exports
  875. module.exports = exports;
  876.  
  877.  
  878. /***/ }),
  879. /* 23 */
  880. /***/ (function(module, exports, __webpack_require__) {
  881.  
  882. var api = __webpack_require__(1);
  883.             var content = __webpack_require__(24);
  884.  
  885.             content = content.__esModule ? content.default : content;
  886.  
  887.             if (typeof content === 'string') {
  888.               content = [[module.i, content, '']];
  889.             }
  890.  
  891. var options = {};
  892.  
  893. options.insert = "head";
  894. options.singleton = false;
  895.  
  896. var update = api(content, options);
  897.  
  898.  
  899.  
  900. module.exports = content.locals || {};
  901.  
  902. /***/ }),
  903. /* 24 */
  904. /***/ (function(module, exports, __webpack_require__) {
  905.  
  906. // Imports
  907. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  908. exports = ___CSS_LOADER_API_IMPORT___(false);
  909. // Module
  910. exports.push([module.i, "*,body {\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\nhtml, body {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.pdl-10 {\r\n    padding-left: 10px;\r\n}\r\n\r\n.pdl-20 {\r\n    padding-left: 20px;\r\n}\r\n\r\n.wrap {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.compare2d__watermark {\r\n    position: fixed;\r\n    right: 10px;\r\n    top: 10px;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    z-index: 1;\r\n    cursor: pointer;\r\n    font-size: 24px;\r\n    user-select: none;\r\n}\r\n\r\n.skin1-info {\r\n    position: fixed;\r\n    left: 260px;\r\n    bottom: 10px;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    z-index: 1;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n}\r\n\r\n.skin2-info {\r\n    position: fixed;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    z-index: 1;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n}\r\n\r\n.menu {\r\n    background-color: rgb(29,30,35);\r\n    cursor: default;\r\n    height: 100%;\r\n    flex: 0 0 250px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-size: 16px;\r\n    font-family: \"微软雅黑\";\r\n    user-select:none;\r\n}\r\n\r\n.view {\r\n    width: 100%;\r\n    height: 100%;\r\n    flex: 1;\r\n}\r\n\r\n.menu__title {\r\n    text-align: center;\r\n    font-size: 30px;\r\n    font-weight: 600;\r\n    margin-top: 15px;\r\n    margin-bottom: 30px;\r\n    color: #f6ca9d;\r\n}\r\n\r\n.sub__view {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.view__title {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.view__item {\r\n    cursor: pointer;\r\n    height: 56px;\r\n    line-height: 56px;\r\n}\r\n\r\n.view__item:hover {\r\n    background-color: rgb(23,24,28);\r\n}\r\n\r\n.is-active {\r\n    background-color: rgb(23,24,28);\r\n    color: white;\r\n}\r\n\r\n.texture__title {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.texture__item {\r\n    cursor: pointer;\r\n    height: 56px;\r\n    line-height: 56px;\r\n}\r\n\r\n.texture__item:hover {\r\n    background-color: rgb(23,24,28);\r\n}", ""]);
  911. // Exports
  912. module.exports = exports;
  913.  
  914.  
  915. /***/ }),
  916. /* 25 */
  917. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  918.  
  919. "use strict";
  920. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_Compare_vue_vue_type_style_index_0_id_23fa4444_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
  921. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_Compare_vue_vue_type_style_index_0_id_23fa4444_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_Compare_vue_vue_type_style_index_0_id_23fa4444_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
  922. /* unused harmony reexport * */
  923.  
  924.  
  925. /***/ }),
  926. /* 26 */
  927. /***/ (function(module, exports, __webpack_require__) {
  928.  
  929. // Imports
  930. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  931. exports = ___CSS_LOADER_API_IMPORT___(false);
  932. // Module
  933. exports.push([module.i, "\n.panel[data-v-23fa4444] {\r\n    width: 250px;\r\n    height: 45px;\r\n    background-color: rgba(255, 255, 255, 0.2);\r\n    position: fixed;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 1;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n    color: rgba(255,255,255,0.7);\n}\n.panel__slider[data-v-23fa4444] {\r\n    display: inline-block;\r\n    width: 160px;\n}\n.panel__option[data-v-23fa4444] {\r\n    margin-bottom: 10px;\n}\n.panel__option[data-v-23fa4444]:last-child {\r\n    margin-bottom: 0px;\n}\r\n", ""]);
  934. // Exports
  935. module.exports = exports;
  936.  
  937.  
  938. /***/ }),
  939. /* 27 */
  940. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  941.  
  942. "use strict";
  943. /* harmony import */ var _style_loader_dist_cjs_js_css_loader_dist_cjs_js_vue_loader_dist_stylePostLoader_js_default_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7);
  944. /* harmony import */ var _style_loader_dist_cjs_js_css_loader_dist_cjs_js_vue_loader_dist_stylePostLoader_js_default_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_cjs_js_css_loader_dist_cjs_js_vue_loader_dist_stylePostLoader_js_default_css_vue_type_style_index_0_lang_css__WEBPACK_IMPORTED_MODULE_0__);
  945. /* unused harmony reexport * */
  946.  
  947.  
  948. /***/ }),
  949. /* 28 */
  950. /***/ (function(module, exports, __webpack_require__) {
  951.  
  952. // Imports
  953. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  954. exports = ___CSS_LOADER_API_IMPORT___(false);
  955. // Module
  956. exports.push([module.i, ".slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.slider-target{position:relative}.slider-base,.slider-connects{width:100%;height:100%;position:relative;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.slider-connect{height:100%;width:100%}.slider-origin{height:10%;width:10%}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-horizontal{height:6px}.slider-horizontal .slider-handle{width:16px;height:16px;top:-6px;right:-8px}.slider-vertical{width:6px;height:300px}.slider-vertical .slider-handle{width:16px;height:16px;top:-8px;right:-6px}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:-8px;right:auto}.slider-base{background-color:#d4e0e7}.slider-base,.slider-connects{border-radius:3px}.slider-connect{background:#41b883;cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{width:16px;height:16px;border-radius:50%;background:#fff;border:0;right:-8px;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);cursor:-webkit-grab;cursor:grab}.slider-handle:focus{outline:none}.slider-active{box-shadow:.5px .5px 2px 1px rgba(0,0,0,.42);cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:#b8b8b8}[disabled].slider-handle,[disabled] .slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:#b8b8b8;border-color:#b8b8b8}.slider-tooltip{position:absolute;display:block;font-size:14px;font-weight:500;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border:1px solid #41b883;background:#41b883}.slider-horizontal .slider-tooltip{transform:translate(-50%);left:50%;bottom:24px}.slider-horizontal .slider-tooltip:before{content:\"\";position:absolute;bottom:-10px;left:50%;width:0;height:0;border:5px solid transparent;border-top-color:inherit;transform:translate(-50%)}.slider-vertical .slider-tooltip{transform:translateY(-50%);top:50%;right:24px}.slider-vertical .slider-tooltip:before{content:\"\";position:absolute;right:-10px;top:50%;width:0;height:0;border:5px solid transparent;border-left-color:inherit;transform:translateY(-50%)}.slider-horizontal .slider-origin>.slider-tooltip{transform:translate(50%);left:auto;bottom:14px}.slider-vertical .slider-origin>.slider-tooltip{transform:translateY(-18px);top:auto;right:18px}.slider-pips,.slider-pips *{box-sizing:border-box}.slider-pips{position:absolute;color:#999}.slider-value{position:absolute;white-space:nowrap;text-align:center}.slider-value-sub{color:#ccc;font-size:10px}.slider-marker{position:absolute;background:#ccc}.slider-marker-large,.slider-marker-sub{background:#aaa}.slider-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.slider-value-horizontal{transform:translate(-50%,50%)}.slider-rtl .slider-value-horizontal{transform:translate(50%,50%)}.slider-marker-horizontal.slider-marker{margin-left:-1px;width:2px;height:5px}.slider-marker-horizontal.slider-marker-sub{height:10px}.slider-marker-horizontal.slider-marker-large{height:15px}.slider-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.slider-value-vertical{transform:translateY(-50%);padding-left:25px}.slider-rtl .slider-value-vertical{transform:translateY(50%)}.slider-marker-vertical.slider-marker{width:5px;height:2px;margin-top:-1px}.slider-marker-vertical.slider-marker-sub{width:10px}.slider-marker-vertical.slider-marker-large{width:15px}", ""]);
  957. // Exports
  958. module.exports = exports;
  959.  
  960.  
  961. /***/ }),
  962. /* 29 */
  963. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  964.  
  965. "use strict";
  966. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_Diff_vue_vue_type_style_index_1_id_45eea504_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
  967. /* harmony import */ var _node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_Diff_vue_vue_type_style_index_1_id_45eea504_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_cjs_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_vue_loader_dist_index_js_ref_8_0_Diff_vue_vue_type_style_index_1_id_45eea504_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
  968. /* unused harmony reexport * */
  969.  
  970.  
  971. /***/ }),
  972. /* 30 */
  973. /***/ (function(module, exports, __webpack_require__) {
  974.  
  975. // Imports
  976. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(2);
  977. exports = ___CSS_LOADER_API_IMPORT___(false);
  978. // Module
  979. exports.push([module.i, "\n.panel[data-v-45eea504] {\r\n    width: 250px;\r\n    height: 110px;\r\n    background-color: rgba(255, 255, 255, 0.2);\r\n    position: fixed;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 1;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n    color: rgba(255,255,255,0.7);\n}\n.panel__slider[data-v-45eea504] {\r\n    display: inline-block;\r\n    width: 160px;\n}\n.panel__option[data-v-45eea504] {\r\n    margin-bottom: 10px;\n}\n.panel__option[data-v-45eea504]:last-child {\r\n    margin-bottom: 0px;\n}\r\n", ""]);
  980. // Exports
  981. module.exports = exports;
  982.  
  983.  
  984. /***/ }),
  985. /* 31 */
  986. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  987.  
  988. "use strict";
  989. // ESM COMPAT FLAG
  990. __webpack_require__.r(__webpack_exports__);
  991.  
  992. // CONCATENATED MODULE: ./src/pages/buff/packages/AddButton/apis/index.js
  993. function getAssetIdInfo(assetid) {
  994.     return fetch('https://buff.163.com/api/market/csgo_inspect_3d?assetid=' + assetid,{
  995. 		method: 'GET',
  996. 		mode: 'no-cors',
  997. 		// cache: 'default',
  998. 		// credentials: 'include',
  999. 	})
  1000. }
  1001. // EXTERNAL MODULE: ./src/utils/Notice/Notice.css
  1002. var Notice = __webpack_require__(9);
  1003.  
  1004. // CONCATENATED MODULE: ./src/utils/index.js
  1005. // 公共
  1006.  
  1007.  
  1008. function getStrMiddle(str, before, after) {
  1009.     // 取中间文本
  1010. 	let m = str.match(new RegExp(before + '(.*?)' + after));
  1011. 	return m ? m[1] : false;
  1012. }
  1013.  
  1014. function showMessage(msg, type) {
  1015. 	// type: success[green] error[red] warning[orange] info[blue]
  1016. 	new NoticeJs({
  1017. 		text: msg,
  1018. 		type: type,
  1019. 		position: 'bottomRight',
  1020. 	}).show();
  1021. }
  1022.  
  1023. function getBase64(imgUrl, callback) {
  1024. 	window.URL = window.URL || window.webkitURL;
  1025. 	var xhr = new XMLHttpRequest();
  1026. 	xhr.open("get", imgUrl, true);
  1027. 	xhr.responseType = "blob";
  1028. 	xhr.onload = function () {
  1029. 		if (this.status == 200) {
  1030. 			var blob = this.response;
  1031. 			let oFileReader = new FileReader();
  1032. 			oFileReader.onloadend = function (e) {
  1033. 				let base64 = e.target.result;
  1034. 				callback(base64);
  1035. 			};
  1036. 			oFileReader.readAsDataURL(blob);
  1037. 		}
  1038. 	}
  1039. 	xhr.send();
  1040. }
  1041.  
  1042. // 模拟鼠标按住拖动
  1043. function createMouseEvent(eventName, ofsx, ofsy) {
  1044. 	let evt = document.createEvent('MouseEvents');
  1045. 	evt = new MouseEvent(eventName, {
  1046. 		clientX: ofsx,
  1047. 		clientY: ofsy,
  1048. 		bubbles: true
  1049. 	})
  1050. 	evt.isMessage = true;
  1051. 	return evt
  1052. };
  1053.  
  1054. function setMouseMove(dom, x, y) {
  1055. 	dom.dispatchEvent(createMouseEvent("mousedown"));
  1056. 	dom.dispatchEvent(createMouseEvent("mousemove", x, y));
  1057. 	dom.dispatchEvent(createMouseEvent("mouseup"));
  1058. }
  1059.  
  1060. // 获取URL参数
  1061. function getQueryString(name) {
  1062.     let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  1063.     let r = window.location.search.substr(1).match(reg);
  1064.     if (r != null) return unescape(r[2]); return null;
  1065. }
  1066.  
  1067. function dateFormat(fmt, date) {
  1068. 	let o = {
  1069. 		"M+": date.getMonth() + 1,
  1070. 		"d+": date.getDate(),
  1071. 		"h+": date.getHours(),
  1072. 		"m+": date.getMinutes(),
  1073. 		"s+": date.getSeconds(),
  1074. 		"q+": Math.floor((date.getMonth() + 3) / 3),
  1075. 		"S": date.getMilliseconds()
  1076. 	};
  1077. 	if (/(y+)/.test(fmt))
  1078. 		fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
  1079. 	for (let k in o)
  1080. 		if (new RegExp("(" + k + ")").test(fmt))
  1081. 			fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  1082. 	return fmt;
  1083. }
  1084. // CONCATENATED MODULE: ./src/utils/DomHook/DomHook.js
  1085. class DomHook {
  1086.     constructor(selector, isSubtree, callback) {
  1087.         this.selector = selector;
  1088.         this.isSubtree = isSubtree;
  1089.         let targetNode = document.querySelector(this.selector);
  1090.         if (targetNode == null) {
  1091.             return;
  1092.         }
  1093.         let observer = new MutationObserver(function(mutations) {
  1094.             callback(mutations);
  1095.         });
  1096.         this.observer = observer;
  1097.         this.observer.observe(targetNode, { attributes: true, childList: true, subtree: this.isSubtree });
  1098.     }
  1099.     closeHook() {
  1100.         this.observer.disconnect();
  1101.     }
  1102. }
  1103.  
  1104.  
  1105. // CONCATENATED MODULE: ./src/utils/DomHook/index.js
  1106.  
  1107.  
  1108.  
  1109. // CONCATENATED MODULE: ./src/pages/buff/packages/AddButton/index.js
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115. let skinImg // 皮肤图片地址
  1116. let skinName // 皮肤名字
  1117. const LIST_MAX = 50 // 对比列表最多存放数
  1118.  
  1119. function init() {
  1120.     initDom();
  1121.     initFunc();
  1122.     let hook = new DomHook(".detail-tab-cont", false, (m => {
  1123.         for (let i = 0; i < m[0].addedNodes.length; i++) {
  1124.             let item = m[0].addedNodes[i];
  1125.             if (item.id == "market-selling-list") {
  1126.                 initDom();
  1127.                 initFunc();
  1128.                 break;
  1129.             }
  1130.         }
  1131.     }))
  1132. }
  1133.  
  1134. function initDom() {
  1135.     initDom_addBtn();
  1136.     // initDom_CopyBtn();
  1137. }
  1138.  
  1139. function initDom_addBtn() {
  1140.     skinImg = getSkinImg();
  1141.     skinName = getSkinName();
  1142.     let domList = document.getElementsByClassName("ctag btn_action_link");
  1143.     for (let i = 0; i < domList.length; i++) {
  1144.         let parentDom = domList[i].parentNode;
  1145.         let trDom = domList[i].parentNode.parentNode.parentNode.parentNode;
  1146.         let assetid = domList[i].getAttribute("data-assetid");
  1147.         let inspectUrl = trDom.getElementsByClassName("csgo_inspect_img_btn")[0].getAttribute("data-inspecturl");
  1148.         if (!trDom.getElementsByClassName("btn-buy-order")[0]) {
  1149.             // 有自己上架的饰品
  1150.             continue;
  1151.         }
  1152.         let price = trDom.getElementsByClassName("btn-buy-order")[0].getAttribute("data-price");
  1153.         let shopDom = trDom.getElementsByClassName("j_shoptip_handler")[0];
  1154.         let shopHref = shopDom.href;
  1155.         let shopImg = shopDom.getElementsByClassName("user-avatar")[0].src;
  1156.         let shopName = shopDom.innerText;
  1157.         
  1158.         if (assetid) {
  1159.             let dom = document.createElement("a");
  1160.             dom.className = "ctag compare-btn";
  1161.             dom.setAttribute("assetid", assetid);
  1162.             dom.setAttribute("inspecturl", inspectUrl);
  1163.             dom.setAttribute("price", price);
  1164.             dom.setAttribute("shop_href", shopHref);
  1165.             dom.setAttribute("shop_img", shopImg);
  1166.             dom.setAttribute("shop_name", shopName);
  1167.             dom.innerHTML = `<b><i class="icon"><svg t="1621435629962" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10682" width="16" height="16"><path d="M896 452.48l-211.2-122.88a32 32 0 0 0-16-4.48 32.64 32.64 0 0 0-16 4.48l-53.76 30.72v-60.16a32 32 0 0 0-16-27.52l-211.2-122.88a31.36 31.36 0 0 0-16-4.48 32 32 0 0 0-16 4.48L128 272a32 32 0 0 0-16 27.52V544a32 32 0 0 0 16 27.52l211.2 122.88a32 32 0 0 0 16 4.48 32.64 32.64 0 0 0 16-4.48l21.76-12.16V608l-37.76 21.76-179.84-104.32V320l180.48-105.6L535.68 320V526.08l-46.08 26.88v-55.04l14.08-8.32V416l-64 35.84a32 32 0 0 0-16 27.52V723.84a32 32 0 0 0 16 27.52l211.84 122.88a32 32 0 0 0 32 0l212.48-121.6a32 32 0 0 0 16-27.52V480a32 32 0 0 0-16-27.52z m-48.64 256l-179.84 103.68L488.32 704V626.56l94.08-54.4a32 32 0 0 0 16-27.52V434.56l69.76-40.32 179.84 104.32z" fill="#040c32" p-id="10683"></path></svg></i></b>加入对比`;
  1168.             parentDom.appendChild(dom);
  1169.         }
  1170.     }
  1171. }
  1172.  
  1173. function initDom_CopyBtn() {
  1174.     let domList = document.getElementsByClassName("pic-cont item-detail-img");
  1175.     for (let i = 0; i < domList.length; i++) {
  1176.         let trDom = domList[i].parentNode.parentNode;
  1177.         let parentDom = trDom.getElementsByClassName("csgo_value")[0];
  1178.         let sell_order_id = domList[i].getAttribute("data-orderid");
  1179.         let assetid = domList[i].getAttribute("data-assetid");
  1180.         let appid = domList[i].getAttribute("data-appid");
  1181.         let classid = domList[i].getAttribute("data-classid");
  1182.         let instanceid = domList[i].getAttribute("data-instanceid");
  1183.  
  1184.         let dom = document.createElement("a");
  1185.         dom.style.marginLeft = "5px";
  1186.         dom.className = "ctag copylink-btn";
  1187.         dom.setAttribute("assetid", assetid);
  1188.         dom.setAttribute("instanceid", instanceid);
  1189.         dom.setAttribute("appid", appid);
  1190.         dom.setAttribute("classid", classid);
  1191.         dom.setAttribute("sell_order_id", sell_order_id);
  1192.         dom.innerHTML = `<b><i class="icon">
  1193.         <svg t="1639763479087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3348" width="16" height="16"><path d="M184.61 839.39a273 273 0 0 1 0-386.08l78.49-78.49a8 8 0 0 1 11.31 0l39.6 39.6a8 8 0 0 1 0 11.31L236.75 503c-78.13 78.14-79.4 207.24-1.3 285.42 78.36 78.44 205.93 78.46 284.33 0.07L598.27 710a8 8 0 0 1 11.31 0l39.6 39.6a8 8 0 0 1 0 11.31l-78.49 78.49a273 273 0 0 1-386.08 0zM749.59 649.18L710 609.58a8 8 0 0 1 0-11.31L787.25 521c78.13-78.14 79.4-207.24 1.3-285.42-78.36-78.44-205.93-78.46-284.33-0.07L425.73 314a8 8 0 0 1-11.31 0l-39.6-39.6a8 8 0 0 1 0-11.31l78.49-78.49a273 273 0 1 1 386.08 386.09l-78.49 78.49a8 8 0 0 1-11.31 0z" fill="#264097" p-id="3349"></path><path d="M328.149823 644.936246m5.656854-5.656854l305.470129-305.470129q5.656854-5.656854 11.313709 0l39.59798 39.597979q5.656854 5.656854 0 11.313709l-305.47013 305.470129q-5.656854 5.656854-11.313708 0l-39.59798-39.597979q-5.656854-5.656854 0-11.313709Z" fill="#264097" p-id="3350"></path></svg>
  1194.         </i></b>检视链接`;
  1195.         parentDom.appendChild(dom);
  1196.     }
  1197. }
  1198.  
  1199. function initFunc() {
  1200.     let domList = document.getElementsByClassName("compare-btn");
  1201.     for (let i = 0; i < domList.length; i++) {
  1202.         domList[i].addEventListener("click", () => {
  1203.             let assetid = domList[i].getAttribute("assetid");
  1204.             let inspectUrl = domList[i].getAttribute("inspecturl");
  1205.             let price = domList[i].getAttribute("price");
  1206.             let shopHref = domList[i].getAttribute("shop_href");
  1207.             let shopImg = domList[i].getAttribute("shop_img");
  1208.             let shopName = domList[i].getAttribute("shop_name");
  1209.             onClickAddButton({
  1210.                 assetid: assetid,
  1211.                 inspectUrl: inspectUrl,
  1212.                 price: price,
  1213.                 shopHref: shopHref,
  1214.                 shopImg: shopImg,
  1215.                 shopName: shopName
  1216.             });
  1217.         })
  1218.     }
  1219.  
  1220.     let domListCopy = document.getElementsByClassName("copylink-btn");
  1221.     for (let i = 0; i < domListCopy.length; i++) {
  1222.         domListCopy[i].addEventListener("click", () => {
  1223.             let assetid = domListCopy[i].getAttribute("assetid");
  1224.             let instanceid = domListCopy[i].getAttribute("instanceid");
  1225.             let appid = domListCopy[i].getAttribute("appid");
  1226.             let classid = domListCopy[i].getAttribute("classid");
  1227.             let sell_order_id = domListCopy[i].getAttribute("sell_order_id");
  1228.             let text = `https://buff.163.com/market/m/item_detail?game=csgo&assetid=${assetid}&classid=${classid}&instanceid=${instanceid}&sell_order_id=${sell_order_id}`
  1229.             GM_setClipboard(text);
  1230.             showMessage("复制成功，可粘贴至社区服检视", "success");
  1231.         })
  1232.     }
  1233. }
  1234.  
  1235. function onClickAddButton(info) {
  1236.     // GM_deleteValue("CompareList");
  1237.     // return
  1238.     getAssetIdInfo(info.assetid).then(res => {
  1239.         return res.json();
  1240.     }).then(ret => {
  1241.         if (ret.code === "Error") {
  1242.             showMessage("解析该饰品失败，暂不支持3D", "error");
  1243.             return;
  1244.         }
  1245.         let obj = getSkinData(ret.data);
  1246.         obj.assetid = info.assetid;
  1247.         obj.price = info.price;
  1248.         obj.inspectUrl = info.inspectUrl;
  1249.         obj.shopHref = info.shopHref;
  1250.         obj.shopImg = info.shopImg;
  1251.         obj.shopName = info.shopName;
  1252.         if (obj) {
  1253.             if (saveData2CompareList(obj)) {
  1254.                 showMessage("加入对比列表成功", "success");
  1255.             } else {
  1256.                 showMessage("该饰品已存在于对比列表", "error");
  1257.             }
  1258.         } else {
  1259.             showMessage("加入对比列表失败", "error");
  1260.         }
  1261.         
  1262.     }).catch(err => {
  1263.         console.log(err);
  1264.     })
  1265. }
  1266.  
  1267. function getSkinData(data) {
  1268.     // 构造对比列表里的饰品对象信息
  1269.     let ret = data;
  1270.     if (data) {
  1271.         let i = 1;
  1272.         let textureList = [];
  1273.         for (const key in data.texture_url) {
  1274.             textureList.push({id: key, url: data.texture_url[key]});
  1275.         }
  1276.         // while (`texture_${i}` in data.texture_url) {
  1277.         //     if (i > 1000) {
  1278.         //         // 熔断
  1279.         //         break;
  1280.         //     }
  1281.         //     textureList.push({id: `texture_${i}`, url: data.texture_url[`texture_${i}`]});
  1282.         //     i++;
  1283.         // }
  1284.         ret.textures = textureList;
  1285.         ret.name = skinName;
  1286.         ret.img_url = skinImg;
  1287.         ret.update_time = new Date().getTime();
  1288.     }
  1289.     return ret;
  1290. }
  1291.  
  1292. function getSkinImg() {
  1293.     return document.getElementsByClassName("t_Center")[1].getElementsByTagName("img")[0].src;
  1294. }
  1295.  
  1296. function getSkinName() {
  1297.     let ret = "";
  1298.     let parent = document.getElementsByClassName("cru-goods");
  1299.     for (let i = 0; i < parent.length; i++) {
  1300.         let item = parent[i];
  1301.         ret += item.innerText;
  1302.     }
  1303.     return ret;
  1304. }
  1305.  
  1306. function saveData2CompareList(data) {
  1307.     let value = GM_getValue("CompareList") || "[]";
  1308.     let compareList = JSON.parse(value);
  1309.  
  1310.     let isExist = false;
  1311.     for (let i = 0; i < compareList.length; i++) {
  1312.         if (data.assetid == compareList[i].assetid) {
  1313.             isExist = true;
  1314.             break;
  1315.         }
  1316.     }
  1317.     if (isExist) {
  1318.         return false;
  1319.     }
  1320.     if (compareList.length > LIST_MAX) {
  1321.         compareList.pop(); // 删除最后一个
  1322.     }
  1323.     compareList.unshift(data); // 插入到第一个
  1324.     
  1325.     let text = JSON.stringify(compareList);
  1326.     GM_setValue("CompareList", text);
  1327.     return true;
  1328. }
  1329.  
  1330. /* harmony default export */ var AddButton = ({
  1331.     init
  1332. });
  1333. // EXTERNAL MODULE: external "Vue"
  1334. var external_Vue_ = __webpack_require__(0);
  1335.  
  1336. // CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--8-0!./src/pages/buff/packages/CompareList/views/CompareList.vue?vue&type=template&id=8a9384f8&scoped=true
  1337.  
  1338. const _withId = /*#__PURE__*/Object(external_Vue_["withScopeId"])("data-v-8a9384f8")
  1339.  
  1340. Object(external_Vue_["pushScopeId"])("data-v-8a9384f8")
  1341. const _hoisted_1 = { class: "compare__table" }
  1342. const _hoisted_2 = /*#__PURE__*/Object(external_Vue_["createVNode"])("thead", null, [
  1343.   /*#__PURE__*/Object(external_Vue_["createVNode"])("tr", null, [
  1344.     /*#__PURE__*/Object(external_Vue_["createVNode"])("th", { width: "7%" }),
  1345.     /*#__PURE__*/Object(external_Vue_["createVNode"])("th", null, "饰品"),
  1346.     /*#__PURE__*/Object(external_Vue_["createVNode"])("th", { width: "25%" }, "卖家"),
  1347.     /*#__PURE__*/Object(external_Vue_["createVNode"])("th", { width: "15%" }, "检视")
  1348.   ])
  1349. ], -1 /* HOISTED */)
  1350. const _hoisted_3 = { width: "7%" }
  1351. const _hoisted_4 = {
  1352.   width: "25%",
  1353.   style: {"text-align":"left"}
  1354. }
  1355. const _hoisted_5 = { width: "15%" }
  1356. const _hoisted_6 = /*#__PURE__*/Object(external_Vue_["createVNode"])("b", null, [
  1357.   /*#__PURE__*/Object(external_Vue_["createVNode"])("i", { class: "icon icon_3d" })
  1358. ], -1 /* HOISTED */)
  1359. const _hoisted_7 = /*#__PURE__*/Object(external_Vue_["createTextVNode"])("3D检视")
  1360. const _hoisted_8 = /*#__PURE__*/Object(external_Vue_["createVNode"])("b", null, [
  1361.   /*#__PURE__*/Object(external_Vue_["createVNode"])("i", { class: "icon icon_game" })
  1362. ], -1 /* HOISTED */)
  1363. const _hoisted_9 = /*#__PURE__*/Object(external_Vue_["createTextVNode"])("社区服检视")
  1364. const _hoisted_10 = { class: "list-footer" }
  1365. const _hoisted_11 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "全部删除", -1 /* HOISTED */)
  1366. const _hoisted_12 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "删除选中", -1 /* HOISTED */)
  1367. const _hoisted_13 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "2D对比", -1 /* HOISTED */)
  1368. const _hoisted_14 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "3D对比", -1 /* HOISTED */)
  1369. Object(external_Vue_["popScopeId"])()
  1370.  
  1371. const render = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
  1372.   const _component_skin_info = Object(external_Vue_["resolveComponent"])("skin-info")
  1373.  
  1374.   return (Object(external_Vue_["openBlock"])(), Object(external_Vue_["createBlock"])("div", null, [
  1375.     Object(external_Vue_["createVNode"])("table", _hoisted_1, [
  1376.       _hoisted_2,
  1377.       Object(external_Vue_["createVNode"])("tbody", null, [
  1378.         (Object(external_Vue_["openBlock"])(true), Object(external_Vue_["createBlock"])(external_Vue_["Fragment"], null, Object(external_Vue_["renderList"])(_ctx.compareList, (item, index) => {
  1379.           return (Object(external_Vue_["openBlock"])(), Object(external_Vue_["createBlock"])("tr", {
  1380.             key: item.assetid
  1381.           }, [
  1382.             Object(external_Vue_["createVNode"])("td", _hoisted_3, [
  1383.               Object(external_Vue_["withDirectives"])(Object(external_Vue_["createVNode"])("input", {
  1384.                 type: "checkbox",
  1385.                 id: item.assetid,
  1386.                 value: item.assetid,
  1387.                 "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (_ctx.checkedList = $event))
  1388.               }, null, 8 /* PROPS */, ["id", "value"]), [
  1389.                 [external_Vue_["vModelCheckbox"], _ctx.checkedList]
  1390.               ])
  1391.             ]),
  1392.             Object(external_Vue_["createVNode"])("td", null, [
  1393.               Object(external_Vue_["createVNode"])(_component_skin_info, {
  1394.                 assetid: item.assetid,
  1395.                 imgUrl: item.img_url,
  1396.                 viewUrl: item.inspectUrl,
  1397.                 skinName: item.name,
  1398.                 skinSeed: item.asset_info.paintseed,
  1399.                 skinWear: item.asset_info.paintwear
  1400.               }, null, 8 /* PROPS */, ["assetid", "imgUrl", "viewUrl", "skinName", "skinSeed", "skinWear"])
  1401.             ]),
  1402.             Object(external_Vue_["createVNode"])("td", _hoisted_4, [
  1403.               Object(external_Vue_["createVNode"])("a", {
  1404.                 href: item.shopHref,
  1405.                 class: "j_shoptip_handler",
  1406.                 target: "_blank"
  1407.               }, [
  1408.                 Object(external_Vue_["createVNode"])("img", {
  1409.                   src: item.shopImg,
  1410.                   width: "30",
  1411.                   height: "30",
  1412.                   class: "user-thum"
  1413.                 }, null, 8 /* PROPS */, ["src"]),
  1414.                 Object(external_Vue_["createTextVNode"])(" " + Object(external_Vue_["toDisplayString"])(item.shopName), 1 /* TEXT */)
  1415.               ], 8 /* PROPS */, ["href"])
  1416.             ]),
  1417.             Object(external_Vue_["createVNode"])("td", _hoisted_5, [
  1418.               Object(external_Vue_["createVNode"])("a", {
  1419.                 class: "ctag btn_3d",
  1420.                 "data-assetid": item.assetid
  1421.               }, [
  1422.                 _hoisted_6,
  1423.                 _hoisted_7
  1424.               ], 8 /* PROPS */, ["data-assetid"]),
  1425.               Object(external_Vue_["createVNode"])("a", {
  1426.                 class: "ctag btn_game_cms",
  1427.                 "data-assetid": item.assetid,
  1428.                 target: "_blank"
  1429.               }, [
  1430.                 _hoisted_8,
  1431.                 _hoisted_9
  1432.               ], 8 /* PROPS */, ["data-assetid"])
  1433.             ])
  1434.           ]))
  1435.         }), 128 /* KEYED_FRAGMENT */))
  1436.       ])
  1437.     ]),
  1438.     Object(external_Vue_["createVNode"])("div", _hoisted_10, [
  1439.       Object(external_Vue_["createVNode"])("button", {
  1440.         onClick: _cache[2] || (_cache[2] = (...args) => (_ctx.onClickClear && _ctx.onClickClear(...args))),
  1441.         type: "button",
  1442.         class: "el-button el-button--danger",
  1443.         style: {"margin-right":"10px","width":"100px"}
  1444.       }, [
  1445.         _hoisted_11
  1446.       ]),
  1447.       Object(external_Vue_["createVNode"])("button", {
  1448.         onClick: _cache[3] || (_cache[3] = (...args) => (_ctx.onClickDelete && _ctx.onClickDelete(...args))),
  1449.         type: "button",
  1450.         class: "el-button el-button--warning",
  1451.         style: {"margin-right":"10px","width":"100px"}
  1452.       }, [
  1453.         _hoisted_12
  1454.       ]),
  1455.       Object(external_Vue_["createVNode"])("button", {
  1456.         onClick: _cache[4] || (_cache[4] = (...args) => (_ctx.onClickCompare2d && _ctx.onClickCompare2d(...args))),
  1457.         type: "button",
  1458.         class: "el-button el-button--primary compare2d-btn",
  1459.         style: {"margin-right":"10px","width":"100px"}
  1460.       }, [
  1461.         _hoisted_13
  1462.       ]),
  1463.       Object(external_Vue_["createVNode"])("button", {
  1464.         onClick: _cache[5] || (_cache[5] = (...args) => (_ctx.onClickCompare3d && _ctx.onClickCompare3d(...args))),
  1465.         type: "button",
  1466.         class: "el-button el-button--success compare3d-btn",
  1467.         style: {"width":"100px"}
  1468.       }, [
  1469.         _hoisted_14
  1470.       ])
  1471.     ])
  1472.   ]))
  1473. })
  1474. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/views/CompareList.vue?vue&type=template&id=8a9384f8&scoped=true
  1475.  
  1476. // EXTERNAL MODULE: ./src/global/styles/index.css
  1477. var styles = __webpack_require__(11);
  1478.  
  1479. // CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--8-0!./src/pages/buff/packages/CompareList/components/SkinInfo.vue?vue&type=template&id=c03073cc&scoped=true
  1480.  
  1481. const SkinInfovue_type_template_id_c03073cc_scoped_true_withId = /*#__PURE__*/Object(external_Vue_["withScopeId"])("data-v-c03073cc")
  1482.  
  1483. Object(external_Vue_["pushScopeId"])("data-v-c03073cc")
  1484. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_1 = { style: {"display":"flex"} }
  1485. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_2 = { class: "imgWrap" }
  1486. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_3 = { class: "infoWrap" }
  1487. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_4 = { style: {"font-weight":"600"} }
  1488. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_5 = { style: {"font-size":"12px","color":"#959595"} }
  1489. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_6 = { style: {"font-size":"12px","color":"#959595"} }
  1490. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_7 = { class: "wear" }
  1491. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_8 = { class: "wear-pointer" }
  1492. const SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_9 = /*#__PURE__*/Object(external_Vue_["createStaticVNode"])("<div class=\"progress\" style=\"margin-bottom:5px;\" data-v-c03073cc><div class=\"progress-bar progress-bar-fn\" style=\"width:7%;\" title=\"崭新出厂\" data-v-c03073cc></div><div class=\"progress-bar progress-bar-success\" style=\"width:8%;\" title=\"略有磨损\" data-v-c03073cc></div><div class=\"progress-bar progress-bar-warning\" style=\"width:23%;\" title=\"久经沙场\" data-v-c03073cc></div><div class=\"progress-bar progress-bar-danger\" style=\"width:7%;\" title=\"破损不堪\" data-v-c03073cc></div><div class=\"progress-bar progress-bar-bs\" style=\"width:55%;\" title=\"战痕累累\" data-v-c03073cc></div></div>", 1)
  1493. Object(external_Vue_["popScopeId"])()
  1494.  
  1495. const SkinInfovue_type_template_id_c03073cc_scoped_true_render = /*#__PURE__*/SkinInfovue_type_template_id_c03073cc_scoped_true_withId((_ctx, _cache, $props, $setup, $data, $options) => {
  1496.   return (Object(external_Vue_["openBlock"])(), Object(external_Vue_["createBlock"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_1, [
  1497.     Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_2, [
  1498.       Object(external_Vue_["createVNode"])("img", { src: _ctx.imgUrl }, null, 8 /* PROPS */, ["src"]),
  1499.       Object(external_Vue_["createVNode"])("a", {
  1500.         href: "javascript:;",
  1501.         class: "shalow-btn shalow-btn-green csgo-inspect-view view-btn",
  1502.         "data-assetid": _ctx.assetid,
  1503.         "data-inspecturl": _ctx.viewUrl,
  1504.         "data-inspectversion": "10",
  1505.         "data-inspectsize": "2560x3538",
  1506.         "data-contextid": "2"
  1507.       }, "检视图", 8 /* PROPS */, ["data-assetid", "data-inspecturl"])
  1508.     ]),
  1509.     Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_3, [
  1510.       Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_4, Object(external_Vue_["toDisplayString"])(_ctx.skinName), 1 /* TEXT */),
  1511.       Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_5, "模板：" + Object(external_Vue_["toDisplayString"])(_ctx.skinSeed), 1 /* TEXT */),
  1512.       Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_6, "磨损：" + Object(external_Vue_["toDisplayString"])(_ctx.skinWear), 1 /* TEXT */),
  1513.       Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_7, [
  1514.         Object(external_Vue_["createVNode"])("div", SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_8, [
  1515.           Object(external_Vue_["createVNode"])("div", {
  1516.             class: "wear-pointer-icon",
  1517.             style: `left: ${Number(_ctx.skinWear*100)}%`
  1518.           }, null, 4 /* STYLE */)
  1519.         ]),
  1520.         SkinInfovue_type_template_id_c03073cc_scoped_true_hoisted_9
  1521.       ])
  1522.     ])
  1523.   ]))
  1524. })
  1525. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/components/SkinInfo.vue?vue&type=template&id=c03073cc&scoped=true
  1526.  
  1527. // CONCATENATED MODULE: ./node_modules/vue-loader/dist??ref--8-0!./src/pages/buff/packages/CompareList/components/SkinInfo.vue?vue&type=script&lang=js
  1528.  
  1529.  
  1530. /* harmony default export */ var SkinInfovue_type_script_lang_js = (Object(external_Vue_["defineComponent"])({
  1531.     props: [
  1532.         "imgUrl",  // 图片地址
  1533.         "viewUrl", // 检视地址
  1534.         "skinName", // 皮肤名
  1535.         "skinWear", // 皮肤磨损
  1536.         "skinSeed", // 皮肤模板
  1537.         "assetid", // 皮肤id
  1538.         ], 
  1539.     setup(props, ctx) {
  1540.         return {
  1541.         };
  1542.     },
  1543. }));
  1544.  
  1545. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/components/SkinInfo.vue?vue&type=script&lang=js
  1546.  
  1547. // EXTERNAL MODULE: ./src/pages/buff/packages/CompareList/components/SkinInfo.vue?vue&type=style&index=0&id=c03073cc&scoped=true&lang=css
  1548. var SkinInfovue_type_style_index_0_id_c03073cc_scoped_true_lang_css = __webpack_require__(13);
  1549.  
  1550. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/components/SkinInfo.vue
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556. SkinInfovue_type_script_lang_js.render = SkinInfovue_type_template_id_c03073cc_scoped_true_render
  1557. SkinInfovue_type_script_lang_js.__scopeId = "data-v-c03073cc"
  1558.  
  1559. /* harmony default export */ var SkinInfo = (SkinInfovue_type_script_lang_js);
  1560. // CONCATENATED MODULE: ./node_modules/vue-loader/dist??ref--8-0!./src/pages/buff/packages/CompareList/views/CompareList.vue?vue&type=script&lang=js
  1561.  
  1562.  
  1563.  
  1564.  
  1565.  
  1566. /* harmony default export */ var CompareListvue_type_script_lang_js = (Object(external_Vue_["defineComponent"])({
  1567.     components: {
  1568.         SkinInfo: SkinInfo
  1569.     },
  1570.     setup(props, ctx) {
  1571.         let compareList = Object(external_Vue_["ref"])([]);
  1572.         let checkedList = Object(external_Vue_["ref"])([]);
  1573.  
  1574.         const updateCompareList = () => {
  1575.             compareList.value = JSON.parse(GM_getValue("CompareList") || "[]") || [];
  1576.         }
  1577.  
  1578.         const onClickDelete = () => {
  1579.             for (let i = 0; i < checkedList.value.length; i++) {
  1580.                 let item = checkedList.value[i];
  1581.                 let index = getIndexByAssetId(item);
  1582.                 // 删除元素
  1583.                 compareList.value.splice(index, 1);
  1584.             }
  1585.             checkedList.value.length = 0;
  1586.             // 处理完后保存数据
  1587.             GM_setValue("CompareList", JSON.stringify(compareList.value));
  1588.             // 刷新列表
  1589.             updateCompareList();
  1590.         }
  1591.  
  1592.         const onClickClear = () => {
  1593.             if (confirm("是否全部删除？")) {
  1594.                 GM_setValue("CompareList", "[]");
  1595.                 updateCompareList();
  1596.                 showMessage("全部删除成功", "success");
  1597.             }
  1598.         }
  1599.  
  1600.         const getIndexByAssetId = (assetid) => {
  1601.             let ret = -1;
  1602.             for (let i = 0; i < compareList.value.length; i++) {
  1603.                 let item = compareList.value[i];
  1604.                 if (item.assetid == assetid) {
  1605.                     ret = i;
  1606.                     break;
  1607.                 }
  1608.             }
  1609.             return ret;
  1610.         }
  1611.  
  1612.         const onClickCompare2d = () => {
  1613.             if (checkedList.value.length == 2) {
  1614.                 // 判断是不是同类饰品
  1615.                 let compare2dData = [];
  1616.                 let textureNum = 0;
  1617.                 let isSame = true;
  1618.                 for (let i = 0; i < checkedList.value.length; i++) {
  1619.                     let item = checkedList.value[i];
  1620.                     let index = getIndexByAssetId(item);
  1621.                     if (i == 0) {
  1622.                         textureNum = compareList.value[index].textures.length;
  1623.                     } else if (compareList.value[index].textures.length !== textureNum) {
  1624.                         isSame = false;
  1625.                         break;
  1626.                     }
  1627.                     compare2dData.push(compareList.value[index]);
  1628.                 }
  1629.  
  1630.                 if (isSame) {
  1631.                     GM_setValue("CompareList_2D", JSON.stringify(compare2dData));
  1632.                     window.open("https://spect.fp.ps.netease.com/compare2d");
  1633.                 } else {
  1634.                     showMessage("【2D对比】请选择同类型的饰品", "error");
  1635.                 }
  1636.                 
  1637.             } else {
  1638.                 showMessage("【2D对比】请选择2项", "error");
  1639.             }
  1640.         }
  1641.  
  1642.         const onClickCompare3d = () => {
  1643.             if (checkedList.value.length > 9) {
  1644.                 showMessage("【3D对比】最多选择9项", "error");
  1645.                 return;
  1646.             }
  1647.             let compare3dData = [];
  1648.             for (let i = 0; i < checkedList.value.length; i++) {
  1649.                 let item = checkedList.value[i];
  1650.                 let index = getIndexByAssetId(item);
  1651.                 compare3dData.push(compareList.value[index]);
  1652.             }
  1653.             GM_setValue("CompareList_3D", JSON.stringify(compare3dData));
  1654.             window.open("https://buff.163.com/compare3d");
  1655.         }
  1656.  
  1657.         Object(external_Vue_["onMounted"])(() => {
  1658.             updateCompareList();
  1659.         })
  1660.         return {
  1661.             compareList,
  1662.             checkedList,
  1663.  
  1664.             onClickDelete, onClickCompare2d, onClickCompare3d, onClickClear
  1665.         }
  1666.     },
  1667. }));
  1668.  
  1669. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/views/CompareList.vue?vue&type=script&lang=js
  1670.  
  1671. // EXTERNAL MODULE: ./src/pages/buff/packages/CompareList/views/CompareList.vue?vue&type=style&index=0&id=8a9384f8&scoped=true&lang=css
  1672. var CompareListvue_type_style_index_0_id_8a9384f8_scoped_true_lang_css = __webpack_require__(15);
  1673.  
  1674. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/views/CompareList.vue
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680. CompareListvue_type_script_lang_js.render = render
  1681. CompareListvue_type_script_lang_js.__scopeId = "data-v-8a9384f8"
  1682.  
  1683. /* harmony default export */ var CompareList = (CompareListvue_type_script_lang_js);
  1684. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/views/index.js
  1685.  
  1686.  
  1687.  
  1688. // EXTERNAL MODULE: ./src/pages/buff/packages/CompareList/styles/index.css
  1689. var CompareList_styles = __webpack_require__(17);
  1690.  
  1691. // CONCATENATED MODULE: ./src/pages/buff/packages/CompareList/index.js
  1692.  
  1693.  
  1694.  
  1695.  
  1696. function CompareList_init() {
  1697.     CompareList_initDom();
  1698.     CompareList_initFunc();
  1699.     // createApp(CompareList).mount("#j_mybackpack");
  1700. }
  1701.  
  1702. function CompareList_initDom() {
  1703.     let a = document.createElement("li");
  1704. 	a.className = "j_drop-handler";
  1705.     a.id = "comparelist"
  1706.     a.innerHTML = `<a href="javascript: void(0);"><strong>对比列表</strong></a> <i class="icon icon_new" style="display: none;"></i>`
  1707. 	let b = document.querySelector(".nav > ul");
  1708.     b.appendChild(a);
  1709. }
  1710.  
  1711. function CompareList_initFunc() {
  1712.     let body = document.body;
  1713.     document.getElementById("comparelist").addEventListener("click", () => {
  1714.         onClickCloseCompareList();
  1715.         let a = document.createElement("div");
  1716.         a.className = "compare__wrap";
  1717.         a.style.width = `${body.offsetWidth}px`;
  1718.         a.style.height = `${body.offsetHeight}px`;
  1719.         a.innerHTML = `
  1720.         <div class="compare__dialog" id="compare__app">
  1721.         
  1722.         </div>
  1723.         <div class="compare__mask"></div>
  1724.         `
  1725.         body.insertBefore(a, body.childNodes[0]);
  1726.  
  1727.         document.getElementsByClassName("compare__mask")[0].addEventListener("click", () => {
  1728.             onClickCloseCompareList();
  1729.         });
  1730.         let app = Object(external_Vue_["createApp"])(CompareList);
  1731.         app.mount("#compare__app");
  1732.         
  1733.         // createApp(CompareList).mount("#compare__app");
  1734.         // createApp(CompareList).mount("#compare__app");
  1735.         // console.log(JSON.parse(GM_getValue("CompareList") || "[]"))
  1736.     });
  1737. }
  1738.  
  1739. function onClickCloseCompareList() {
  1740.     let lastDom = document.getElementsByClassName("compare__wrap")[0];
  1741.     if (lastDom) {
  1742.         lastDom.remove();
  1743.     }
  1744. }
  1745.  
  1746. /* harmony default export */ var packages_CompareList = ({
  1747.     init: CompareList_init
  1748. });
  1749. // EXTERNAL MODULE: ./src/pages/buff/packages/Compare3D/styles/index.css
  1750. var Compare3D_styles = __webpack_require__(19);
  1751.  
  1752. // CONCATENATED MODULE: ./src/pages/buff/packages/Compare3D/index.js
  1753.  
  1754.  
  1755. // 1. 收集所有的模型iframe
  1756. // 2. 给每个iframe设置拖拽事件
  1757. // 3. 将事件传给父页面
  1758. // 4. 父页面将事件传递给其他的子页面
  1759.  
  1760. function Compare3D_init() {
  1761.     clearDefaultHtml();
  1762.     Compare3D_initDom();
  1763.     initMessage(handleMessage);
  1764.     Compare3D_initFunc();
  1765. }
  1766.  
  1767. function clearDefaultHtml() {
  1768.     document.title = "CSGO饰品对比 - 3D";
  1769.     document.body.innerHTML = "";
  1770.     document.body.style.background = "";
  1771.     document.querySelectorAll("link").forEach(item => item.remove())
  1772. }
  1773.  
  1774. function getModelLinks() {
  1775.     let ret = [];
  1776.     let data = JSON.parse(GM_getValue("CompareList_3D") || "[]") || [];
  1777.     for (let i = 0; i < data.length; i++) {
  1778.         let item = data[i];
  1779.         ret.push("https://buff.163.com/3d_inspect/cs2?compare=true&assetid=" + item.assetid);
  1780.     }
  1781.     return ret;
  1782. }
  1783.  
  1784. function Compare3D_initDom() {
  1785.     let links = getModelLinks();
  1786.     let html = `
  1787.     <div class="compare3d__tips">
  1788.         <span>使用说明：</span>
  1789.         <br/>
  1790.         <span>1. 尽量以直线轨迹拖动，请勿按住来回拖动否则会不同步</span>
  1791.         <br/>
  1792.         <span>2. 按键盘1~9键可以快速切换模型</span>
  1793.         <br/>
  1794.         <span>3. 按回车键可让所有模型归位</span>
  1795.         <br/>
  1796.         <span>4. 请勿在F12下操作，否则会不同步</span>
  1797.         <br/>
  1798.         <span>5. 模型加载需要时间，请全部加载完再操作</span>
  1799.     </div>
  1800.     <div class="compare3d__watermark">
  1801.         <span>--By 小淳</span>
  1802.     </div>
  1803.     `;
  1804.     for (let i = 0; i < links.length; i++) {
  1805.         // id用于锚点跳转
  1806.         html += `<iframe id="model${i+1}" class="compare3d__iframe" src="${links[i]}&index=${i+1}"></iframe>`
  1807.     }
  1808.     let a = document.createElement("div");
  1809. 	a.className = "compare3d__wrap";
  1810.     a.innerHTML = html;
  1811.     document.body.appendChild(a);
  1812. }
  1813.  
  1814. function Compare3D_initFunc() {
  1815.     // 父页面锚点快捷键实现
  1816.     document.addEventListener("keydown", e => {
  1817.         location.href = "https://buff.163.com/compare3d#model" + e.key;
  1818.     })
  1819.  
  1820.     document.getElementsByClassName("compare3d__watermark")[0].addEventListener("click", (e) => {
  1821.         e.stopPropagation();
  1822.         window.open("https://github.com/qianjiachun/csgo-skin-compare");
  1823.     })
  1824.  
  1825.     document.getElementsByClassName("compare3d__tips")[0].onclick = (e) => {
  1826.         e.stopPropagation();
  1827.     }
  1828. }
  1829.  
  1830. function initMessage(callback) {
  1831.     window.addEventListener("message", (e) => {
  1832.         callback(e.data);
  1833.     })
  1834. }
  1835.  
  1836. function handleMessage(msg) {
  1837.     let models = document.getElementsByClassName("compare3d__iframe");
  1838.     switch (msg.cmd) {
  1839.         case "keydown":
  1840.             // iframe按下键盘，用于锚点跳转
  1841.             if (msg.value == "Enter") {
  1842.                 // 重置
  1843.                 for (let i = 0; i < models.length; i++) {
  1844.                     postMessage(models[i].contentWindow, {
  1845.                         cmd: "reset",
  1846.                         value: 0
  1847.                     });
  1848.                 }
  1849.             } else if (!isNaN(msg.value)) {
  1850.                 location.href = "https://buff.163.com/compare3d#model" + msg.value;
  1851.             }
  1852.             break;
  1853.         case "rotate":
  1854.             // 得到旋转信息，旋转其他的model
  1855.             for (let i = 0; i < models.length; i++) {
  1856.                 if (Number(msg.index) !== i+1) {
  1857.                     // 排除自己
  1858.                     postMessage(models[i].contentWindow, {
  1859.                         cmd: "rotate",
  1860.                         value: msg.value
  1861.                     });
  1862.                 }
  1863.             }
  1864.             break;
  1865.         default:
  1866.             break;
  1867.     }
  1868. }
  1869.  
  1870. function postMessage(dom, msg) {
  1871.     dom.postMessage(msg);
  1872. }
  1873.  
  1874. /* harmony default export */ var Compare3D = ({
  1875.     init: Compare3D_init
  1876. });
  1877. // CONCATENATED MODULE: ./src/pages/buff/packages/Inspect3D/index.js
  1878. // 每个iframe的子页面
  1879.  
  1880.  
  1881. let Inspect3D_index;
  1882.  
  1883. let isMouseDown = false;
  1884. let mouseDownInfo = {};
  1885. let mouseMoveInfo = {};
  1886.  
  1887. function Inspect3D_init() {
  1888.     let t = setInterval(() => {
  1889.         let canvas = document.querySelector("canvas");
  1890.         if (canvas) {
  1891.             clearInterval(t);
  1892.             Inspect3D_index = getQueryString("index");
  1893.             Inspect3D_initMessage(Inspect3D_handleMessage);
  1894.             Inspect3D_initFunc();
  1895.         }
  1896.     }, 500);
  1897. }
  1898.  
  1899. function Inspect3D_initMessage(callback) {
  1900.     window.addEventListener("message", e => {
  1901.         callback(e.data);
  1902.     })
  1903. }
  1904.  
  1905. function Inspect3D_handleMessage(msg) {
  1906.     let dom = document.querySelector("canvas");
  1907.     switch (msg.cmd) {
  1908.         case "rotate":
  1909.             setMouseMove(dom, msg.value.x, msg.value.y);
  1910.             break;
  1911.         case "reset":
  1912.             buffManager.resetScene();
  1913.             break;
  1914.         default:
  1915.             break;
  1916.     }
  1917. }
  1918.  
  1919. function Inspect3D_initFunc() {
  1920.     let dom = document.querySelector("canvas");
  1921.  
  1922.     // 锚点切换
  1923.     window.addEventListener("keydown", e => {
  1924.         Inspect3D_postMessage({
  1925.             cmd: "keydown",
  1926.             value: e.key
  1927.         })
  1928.     })
  1929.  
  1930.     // 鼠标拖拽
  1931.     dom.addEventListener("mousedown", (e) => {
  1932.         if (e.isMessage) {
  1933.             return;
  1934.         }
  1935.         isMouseDown = true;
  1936.         mouseDownInfo = {
  1937.             x: e.pageX,
  1938.             y: e.pageY
  1939.         }
  1940.     })
  1941.  
  1942.     dom.addEventListener("mousemove", (e) => {
  1943.         if (e.isMessage) {
  1944.             return;
  1945.         }
  1946.         if (isMouseDown) {
  1947.             mouseMoveInfo = {
  1948.                 x: e.pageX - mouseDownInfo.x,
  1949.                 y: e.pageY - mouseDownInfo.y
  1950.             }
  1951.         }
  1952.     })
  1953.  
  1954.     document.body.addEventListener("mouseup", (e) => {
  1955.         if (e.isMessage) {
  1956.             return;
  1957.         }
  1958.         console.log(mouseMoveInfo)
  1959.         isMouseDown = false;
  1960.         Inspect3D_postMessage({
  1961.             cmd: "rotate",
  1962.             index: Inspect3D_index,
  1963.             value: mouseMoveInfo
  1964.         });
  1965.     })
  1966.  
  1967.     document.getElementById("pc").onclick = (e) => {
  1968.         // 阻止操作面板影响
  1969.         e.stopPropagation();
  1970.     }
  1971. }
  1972.  
  1973. function Inspect3D_postMessage(msg) {
  1974.     window.parent.postMessage(msg);
  1975. }
  1976.  
  1977. /* harmony default export */ var Inspect3D = ({
  1978.     init: Inspect3D_init
  1979. });
  1980. // EXTERNAL MODULE: ./src/pages/buff/packages/ShowTime/styles/index.css
  1981. var ShowTime_styles = __webpack_require__(21);
  1982.  
  1983. // CONCATENATED MODULE: ./src/pages/buff/packages/ShowTime/index.js
  1984.  
  1985.  
  1986.  
  1987. function ShowTime_init() {
  1988.     let hasValidRes = false;
  1989.     let timer = setInterval(() => {
  1990.         for (let i = unsafeWindow.hookList.length - 1; i >= 0; i--) {
  1991.             let item = unsafeWindow.hookList[i];
  1992.             if (item.responseURL.includes("goods/sell_order")) {
  1993.                 clearInterval(timer);
  1994.                 hasValidRes = true;
  1995.                 break;
  1996.             }
  1997.         }
  1998.         if (!hasValidRes) {
  1999.             let marketShow = new unsafeWindow.marketShow();
  2000.             marketShow.init();
  2001.             return;
  2002.         }
  2003.         for (let i = unsafeWindow.hookList.length - 1; i >= 0; i--) {
  2004.             let item = unsafeWindow.hookList[i];
  2005.             if (item.responseURL.includes("goods/sell_order")) {
  2006.                 let data = JSON.parse(item.responseText);
  2007.                 insertDom(data.data.items)
  2008.                 break;
  2009.             }
  2010.         }
  2011.         unsafeWindow.hookCallback = function (xhr) {
  2012.             if (xhr.responseURL.includes("goods/sell_order")) {
  2013.                 let data = JSON.parse(xhr.responseText);
  2014.                 insertDom(data.data.items)
  2015.             }
  2016.         }
  2017.     }, 500);
  2018. }
  2019.  
  2020. function insertDom(items) {
  2021.     let sellings = document.querySelectorAll(".list_tb_csgo .selling");
  2022.     
  2023.     for (let i = 0; i < sellings.length; i++) {
  2024.         let itemData = items[i];
  2025.         let id = sellings[i].id;
  2026.         let t_Lefts = sellings[i].querySelectorAll(".t_Left");
  2027.         let target = t_Lefts[t_Lefts.length - 1];
  2028.         if (!target) continue;
  2029.         if (!id.includes(itemData.id)) continue;
  2030.         let div = document.createElement("div");
  2031.         div.className = "ex-time";
  2032.         div.innerHTML = `${itemData.created_at ? "<span>上架: " + dateFormat("yyyy-MM-dd hh:mm:ss",new Date(itemData.created_at * 1000)) + "</span>" : ""}
  2033.         ${itemData.updated_at && itemData.created_at !== itemData.updated_at ? "<br/><span>更新: " + dateFormat("yyyy-MM-dd hh:mm:ss",new Date(itemData.updated_at * 1000)) + "</span>" : ""}`;
  2034.         target.insertBefore(div, target.childNodes[0]);
  2035.     }
  2036. }
  2037.  
  2038. /* harmony default export */ var ShowTime = ({
  2039.     init: ShowTime_init
  2040. });
  2041. // CONCATENATED MODULE: ./src/pages/buff/packages/index.js
  2042.  
  2043.  
  2044.  
  2045.  
  2046.  
  2047.  
  2048. function initPkg() {
  2049.     if (location.href.indexOf("goods") !== -1) {
  2050.         let timer = setInterval(() => {
  2051.             if (document.getElementsByClassName("j_shoptip_handler").length > 0) {
  2052.                 if (unsafeWindow.hookList.length > 0) {
  2053.                     clearInterval(timer);
  2054.                     initMarket();
  2055.                 } else {
  2056.                     // 调用网页自身的请求实现拦截
  2057.                     let marketShow = new unsafeWindow.marketShow();
  2058.                     marketShow.init();
  2059.                 }
  2060.             }
  2061.         }, 300);
  2062.     } else if (location.href.indexOf("compare3d") !== -1) {
  2063.         initCompare3D();
  2064.     } else if (location.href.indexOf("3d_inspect/cs2") !== -1) {
  2065.         initInspect3D();
  2066.     }
  2067. }
  2068.  
  2069. function initMarket() {
  2070.     AddButton.init();
  2071.     packages_CompareList.init();
  2072.     ShowTime.init();
  2073. }
  2074.  
  2075. function initCompare3D() {
  2076.     Compare3D.init();
  2077. }
  2078.  
  2079. function initInspect3D() {
  2080.     Inspect3D.init();
  2081. }
  2082.  
  2083.  
  2084. // CONCATENATED MODULE: ./src/pages/buff/index.js
  2085.  
  2086.  
  2087.  
  2088. function beforeInit() {
  2089. }
  2090.  
  2091. function buff_init() {
  2092.     beforeInit();
  2093.     initPkg();
  2094. }
  2095.  
  2096. /* harmony default export */ var buff = ({
  2097.     init: buff_init
  2098. });
  2099. // EXTERNAL MODULE: ./src/pages/spect/packages/Compare2D/styles/index.css
  2100. var Compare2D_styles = __webpack_require__(23);
  2101.  
  2102. // CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--8-0!./src/pages/spect/packages/Compare2D/views/Compare.vue?vue&type=template&id=23fa4444&scoped=true
  2103.  
  2104. const Comparevue_type_template_id_23fa4444_scoped_true_withId = /*#__PURE__*/Object(external_Vue_["withScopeId"])("data-v-23fa4444")
  2105.  
  2106. Object(external_Vue_["pushScopeId"])("data-v-23fa4444")
  2107. const Comparevue_type_template_id_23fa4444_scoped_true_hoisted_1 = { class: "panel" }
  2108. const Comparevue_type_template_id_23fa4444_scoped_true_hoisted_2 = { class: "panel__option" }
  2109. const Comparevue_type_template_id_23fa4444_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "明亮度：", -1 /* HOISTED */)
  2110. Object(external_Vue_["popScopeId"])()
  2111.  
  2112. const Comparevue_type_template_id_23fa4444_scoped_true_render = /*#__PURE__*/Comparevue_type_template_id_23fa4444_scoped_true_withId((_ctx, _cache, $props, $setup, $data, $options) => {
  2113.   const _component_Slider = Object(external_Vue_["resolveComponent"])("Slider")
  2114.  
  2115.   return (Object(external_Vue_["openBlock"])(), Object(external_Vue_["createBlock"])("div", {
  2116.     class: "ComparisonSlider",
  2117.     style: _ctx.styleWrap
  2118.   }, [
  2119.     Object(external_Vue_["createVNode"])("div", Comparevue_type_template_id_23fa4444_scoped_true_hoisted_1, [
  2120.       Object(external_Vue_["createVNode"])("div", Comparevue_type_template_id_23fa4444_scoped_true_hoisted_2, [
  2121.         Comparevue_type_template_id_23fa4444_scoped_true_hoisted_3,
  2122.         Object(external_Vue_["createVNode"])(_component_Slider, {
  2123.           class: "panel__slider",
  2124.           modelValue: _ctx.brightnessValue,
  2125.           "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (_ctx.brightnessValue = $event)),
  2126.           tooltips: false,
  2127.           max: 20,
  2128.           step: -1,
  2129.           onUpdate: _ctx.onUpdateSliderBrightness
  2130.         }, null, 8 /* PROPS */, ["modelValue", "onUpdate"])
  2131.       ])
  2132.     ]),
  2133.     Object(external_Vue_["createVNode"])("div", {
  2134.       class: "ComparisonSlider__Before",
  2135.       style: _ctx.styleBefore,
  2136.       ref: "before"
  2137.     }, null, 4 /* STYLE */),
  2138.     Object(external_Vue_["createVNode"])("div", {
  2139.       class: "ComparisonSlider__After",
  2140.       style: _ctx.styleAfter,
  2141.       ref: "after"
  2142.     }, null, 4 /* STYLE */)
  2143.   ], 4 /* STYLE */))
  2144. })
  2145. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/Compare.vue?vue&type=template&id=23fa4444&scoped=true
  2146.  
  2147. // EXTERNAL MODULE: external "VueformSlider"
  2148. var external_VueformSlider_ = __webpack_require__(3);
  2149. var external_VueformSlider_default = /*#__PURE__*/__webpack_require__.n(external_VueformSlider_);
  2150.  
  2151. // CONCATENATED MODULE: ./node_modules/vue-loader/dist??ref--8-0!./src/pages/spect/packages/Compare2D/views/Compare.vue?vue&type=script&lang=js
  2152.  
  2153.  
  2154.  
  2155. // const Slider = require('@vueform/slider')
  2156. /* harmony default export */ var Comparevue_type_script_lang_js = (Object(external_Vue_["defineComponent"])({
  2157.     components: {
  2158.         Slider: external_VueformSlider_default.a
  2159.     },
  2160.     setup(props, ctx) {
  2161.         let brightnessValue = Object(external_Vue_["ref"])(1);
  2162.         let {proxy} = Object(external_Vue_["getCurrentInstance"])();
  2163.         let img1 = proxy.img1;
  2164.         let img2 = proxy.img2;
  2165.         let styleBefore = Object(external_Vue_["ref"])("");
  2166.         let styleAfter = Object(external_Vue_["ref"])("");
  2167.         let styleWrap = Object(external_Vue_["ref"])("");
  2168.  
  2169.         let before = Object(external_Vue_["ref"])(null);
  2170.         let after = Object(external_Vue_["ref"])(null);
  2171.  
  2172.         const onUpdateSliderBrightness = (v) => {
  2173.             before.value.style.filter = `brightness(${v})`;
  2174.             after.value.style.filter = `brightness(${v})`;
  2175.         }
  2176.  
  2177.         Object(external_Vue_["onMounted"])(() => {
  2178.             let img = new Image();
  2179.             img.src = img1
  2180.             img.onload = () => {
  2181.                 let ratio = img.height / img.width;
  2182.                 let width = document.getElementById("app").clientWidth;
  2183.                 let height = width * ratio;
  2184.                 document.getElementsByClassName("menu")[0].style.height = `${height}px`;
  2185.                 styleWrap.value = `width:${width}px;height:${height}px;`
  2186.                 styleBefore.value = `background-image: url(${img1})`;
  2187.                 styleAfter.value = `background-image: url(${img2})`;
  2188.                 Object(external_Vue_["nextTick"])(() => {
  2189.                     const comparisonSlider = new ComparisonSlider();
  2190.                 })
  2191.             }
  2192.         })
  2193.         return {
  2194.             before,after,
  2195.             onUpdateSliderBrightness,
  2196.             styleBefore,
  2197.             styleAfter,
  2198.             styleWrap,
  2199.             brightnessValue
  2200.         };
  2201.     },
  2202. }));
  2203.  
  2204. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/Compare.vue?vue&type=script&lang=js
  2205.  
  2206. // EXTERNAL MODULE: ./src/pages/spect/packages/Compare2D/views/Compare.vue?vue&type=style&index=0&id=23fa4444&scoped=true&lang=css
  2207. var Comparevue_type_style_index_0_id_23fa4444_scoped_true_lang_css = __webpack_require__(25);
  2208.  
  2209. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/Compare.vue
  2210.  
  2211.  
  2212.  
  2213.  
  2214.  
  2215. Comparevue_type_script_lang_js.render = Comparevue_type_template_id_23fa4444_scoped_true_render
  2216. Comparevue_type_script_lang_js.__scopeId = "data-v-23fa4444"
  2217.  
  2218. /* harmony default export */ var Compare = (Comparevue_type_script_lang_js);
  2219. // CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--8-0!./src/pages/spect/packages/Compare2D/views/Diff.vue?vue&type=template&id=45eea504&scoped=true
  2220.  
  2221. const Diffvue_type_template_id_45eea504_scoped_true_withId = /*#__PURE__*/Object(external_Vue_["withScopeId"])("data-v-45eea504")
  2222.  
  2223. Object(external_Vue_["pushScopeId"])("data-v-45eea504")
  2224. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_1 = { class: "panel" }
  2225. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_2 = { class: "panel__option" }
  2226. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "明亮度：", -1 /* HOISTED */)
  2227. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_4 = { class: "panel__option" }
  2228. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", null, "分辨率：", -1 /* HOISTED */)
  2229. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_6 = { class: "panel__option" }
  2230. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_7 = /*#__PURE__*/Object(external_Vue_["createVNode"])("span", { style: {"margin-right":"16px"} }, "阈值：", -1 /* HOISTED */)
  2231. const Diffvue_type_template_id_45eea504_scoped_true_hoisted_8 = {
  2232.   style: {"filter":"brightness(10)"},
  2233.   ref: "canvas1"
  2234. }
  2235. Object(external_Vue_["popScopeId"])()
  2236.  
  2237. const Diffvue_type_template_id_45eea504_scoped_true_render = /*#__PURE__*/Diffvue_type_template_id_45eea504_scoped_true_withId((_ctx, _cache, $props, $setup, $data, $options) => {
  2238.   const _component_Slider = Object(external_Vue_["resolveComponent"])("Slider")
  2239.  
  2240.   return (Object(external_Vue_["openBlock"])(), Object(external_Vue_["createBlock"])("div", null, [
  2241.     Object(external_Vue_["createVNode"])("div", Diffvue_type_template_id_45eea504_scoped_true_hoisted_1, [
  2242.       Object(external_Vue_["createVNode"])("div", Diffvue_type_template_id_45eea504_scoped_true_hoisted_2, [
  2243.         Diffvue_type_template_id_45eea504_scoped_true_hoisted_3,
  2244.         Object(external_Vue_["createVNode"])(_component_Slider, {
  2245.           class: "panel__slider",
  2246.           modelValue: _ctx.brightnessValue,
  2247.           "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (_ctx.brightnessValue = $event)),
  2248.           tooltips: false,
  2249.           max: 20,
  2250.           step: -1,
  2251.           onUpdate: _ctx.onUpdateSliderBrightness
  2252.         }, null, 8 /* PROPS */, ["modelValue", "onUpdate"])
  2253.       ]),
  2254.       Object(external_Vue_["createVNode"])("div", Diffvue_type_template_id_45eea504_scoped_true_hoisted_4, [
  2255.         Diffvue_type_template_id_45eea504_scoped_true_hoisted_5,
  2256.         Object(external_Vue_["createVNode"])(_component_Slider, {
  2257.           class: "panel__slider",
  2258.           modelValue: _ctx.resolutionValue,
  2259.           "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (_ctx.resolutionValue = $event)),
  2260.           tooltips: false,
  2261.           max: 1,
  2262.           step: -1,
  2263.           onChange: _ctx.onUpdateSliderResolution
  2264.         }, null, 8 /* PROPS */, ["modelValue", "onChange"])
  2265.       ]),
  2266.       Object(external_Vue_["createVNode"])("div", Diffvue_type_template_id_45eea504_scoped_true_hoisted_6, [
  2267.         Diffvue_type_template_id_45eea504_scoped_true_hoisted_7,
  2268.         Object(external_Vue_["createVNode"])(_component_Slider, {
  2269.           class: "panel__slider",
  2270.           modelValue: _ctx.thresholdValue,
  2271.           "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (_ctx.thresholdValue = $event)),
  2272.           tooltips: false,
  2273.           max: 70,
  2274.           onChange: _ctx.onUpdateSliderThreshold
  2275.         }, null, 8 /* PROPS */, ["modelValue", "onChange"])
  2276.       ])
  2277.     ]),
  2278.     Object(external_Vue_["createVNode"])("div", Diffvue_type_template_id_45eea504_scoped_true_hoisted_8, null, 512 /* NEED_PATCH */)
  2279.   ]))
  2280. })
  2281. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/Diff.vue?vue&type=template&id=45eea504&scoped=true
  2282.  
  2283. // CONCATENATED MODULE: ./node_modules/vue-loader/dist??ref--8-0!./src/pages/spect/packages/Compare2D/views/Diff.vue?vue&type=script&lang=js
  2284.  
  2285.  
  2286.  
  2287.  
  2288. // const Slider = require('@vueform/slider')
  2289. /* harmony default export */ var Diffvue_type_script_lang_js = (Object(external_Vue_["defineComponent"])({
  2290.     components: {
  2291.         Slider: external_VueformSlider_default.a
  2292.     },
  2293.     setup(props, ctx) {
  2294.         let brightnessValue = Object(external_Vue_["ref"])(10);
  2295.         let resolutionValue = Object(external_Vue_["ref"])(1);
  2296.         let thresholdValue = Object(external_Vue_["ref"])(0);
  2297.         
  2298.         let {proxy} = Object(external_Vue_["getCurrentInstance"])();
  2299.         let img1Url = proxy.img1;
  2300.         let img2Url = proxy.img2;
  2301.         let img1 = Object(external_Vue_["ref"])(null);
  2302.         let img2 = Object(external_Vue_["ref"])(null);
  2303.         let canvas1 = Object(external_Vue_["ref"])(null);
  2304.         let imgDom = null;
  2305.         let ratio = 0;
  2306.         
  2307.         let params = Object(external_Vue_["ref"])({
  2308.             baseImageUrl: "",
  2309.             targetImageUrl: "",
  2310.             resolution: 1, // 0.01..1, optional, defaults to 1
  2311.             threshold: 0, // 0..255, optional, defaults to 0
  2312.             isNormalized: false // Boolean, optional, defaults to false
  2313.         })
  2314.  
  2315.         const onUpdateSliderBrightness = (v) => {
  2316.             canvas1.value.style.filter = `brightness(${v})`;
  2317.         }
  2318.  
  2319.         const onUpdateSliderResolution = (v) => {
  2320.             let obj = params.value;
  2321.             obj.resolution = v;
  2322.             updateDiffImg(obj);
  2323.         }
  2324.  
  2325.         const onUpdateSliderThreshold = (v) => {
  2326.             let obj = params.value;
  2327.             obj.threshold = v;
  2328.             updateDiffImg(obj);
  2329.         }
  2330.  
  2331.         const updateDiffImg = (option) => {
  2332.             showMessage("图片加载中...", "info");
  2333.             params.value = option;
  2334.             const promiseCompare = canvasCompare(params.value);
  2335.  
  2336.             promiseCompare.then(function (result) {
  2337.                 // Do things with result
  2338.                 if (imgDom) {
  2339.                     canvas1.value.removeChild(imgDom);
  2340.                 }
  2341.                 imgDom = result.producePreview();
  2342.                 imgDom.width = document.getElementById("app").clientWidth;
  2343.                 imgDom.height = imgDom.width * ratio;
  2344.                 canvas1.value.appendChild(imgDom);
  2345.             });
  2346.         }
  2347.  
  2348.         const renderDiffImg = () => {
  2349.             let img = new Image();
  2350.             img.src = img1.value;
  2351.             img.onload = () => {
  2352.                 ratio = img.height / img.width;
  2353.                 document.getElementsByClassName("menu")[0].style.height = document.getElementById("app").clientWidth * ratio + "px";
  2354.                 Object(external_Vue_["nextTick"])(() => {
  2355.                     updateDiffImg(params.value);
  2356.                 })
  2357.             }
  2358.         }
  2359.  
  2360.         Object(external_Vue_["onMounted"])(() => {
  2361.             // return
  2362.             let img1Finished = false;
  2363.             let img2Finished = false;
  2364.             getBase64(img1Url, (base64) => {
  2365.                 img1.value = base64;
  2366.                 params.value.baseImageUrl = img1.value;
  2367.                 img1Finished = true;
  2368.                 if (img2Finished) {
  2369.                     renderDiffImg();
  2370.                 }
  2371.             })
  2372.             getBase64(img2Url, (base64) => {
  2373.                 img2.value = base64;
  2374.                 params.value.targetImageUrl = img2.value;
  2375.                 img2Finished = true;
  2376.                 if (img1Finished) {
  2377.                     renderDiffImg();
  2378.                 }
  2379.             })
  2380.         })
  2381.         return {
  2382.             canvas1,
  2383.             brightnessValue,resolutionValue,thresholdValue,
  2384.             onUpdateSliderBrightness,onUpdateSliderResolution,onUpdateSliderThreshold
  2385.         };
  2386.     },
  2387. }));
  2388.  
  2389. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/Diff.vue?vue&type=script&lang=js
  2390.  
  2391. // EXTERNAL MODULE: ./node_modules/@vueform/slider/themes/default.css?vue&type=style&index=0&lang=css
  2392. var defaultvue_type_style_index_0_lang_css = __webpack_require__(27);
  2393.  
  2394. // EXTERNAL MODULE: ./src/pages/spect/packages/Compare2D/views/Diff.vue?vue&type=style&index=1&id=45eea504&scoped=true&lang=css
  2395. var Diffvue_type_style_index_1_id_45eea504_scoped_true_lang_css = __webpack_require__(29);
  2396.  
  2397. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/Diff.vue
  2398.  
  2399.  
  2400.  
  2401.  
  2402.  
  2403.  
  2404. Diffvue_type_script_lang_js.render = Diffvue_type_template_id_45eea504_scoped_true_render
  2405. Diffvue_type_script_lang_js.__scopeId = "data-v-45eea504"
  2406.  
  2407. /* harmony default export */ var Diff = (Diffvue_type_script_lang_js);
  2408. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/views/index.js
  2409.  
  2410.  
  2411.  
  2412.  
  2413. // CONCATENATED MODULE: ./src/pages/spect/packages/Compare2D/index.js
  2414.  
  2415.  
  2416.  
  2417.  
  2418.  
  2419. let Compare2D_compareList = JSON.parse(GM_getValue("CompareList_2D") || "[]") || [];
  2420. let Compare2D_app;
  2421.  
  2422. function Compare2D_init() {
  2423.     Compare2D_initDom();
  2424.     initDom_Menu();
  2425.     Compare2D_initFunc();
  2426. }
  2427.  
  2428. function Compare2D_initDom() {
  2429.     let a = document.createElement("div");
  2430. 	a.className = "wrap";
  2431.     a.innerHTML = `
  2432.     <div class="compare2d__watermark">
  2433.         <span>--By 小淳</span>
  2434.     </div>
  2435.     <div class="skin1-info">
  2436.         <span>${Compare2D_compareList[0].name}</span>
  2437.         <br/>
  2438.         <span>模板：${Compare2D_compareList[0].asset_info.paintseed}</span>
  2439.         <br/>
  2440.         <span>磨损：${Compare2D_compareList[0].asset_info.paintwear}</span>
  2441.     </div>
  2442.     <div class="skin2-info">
  2443.         <span>${Compare2D_compareList[1].name}</span>
  2444.         <br/>
  2445.         <span>模板：${Compare2D_compareList[1].asset_info.paintseed}</span>
  2446.         <br/>
  2447.         <span>磨损：${Compare2D_compareList[1].asset_info.paintwear}</span>
  2448.     </div>
  2449.     <div class="menu">
  2450.         <div class="menu__title">饰品2D对比</div>
  2451.         <div class="menu__sub">
  2452.             <div class="sub__view">
  2453.                 <div class="view__title pdl-10">检视图</div>
  2454.                 <div class="view__content">
  2455.                     <div class="view__item pdl-20" id="view__compare">【检视图】对比</div>
  2456.                     <div class="view__item pdl-20" id="view__diff">【检视图】差异</div>
  2457.                 </div>
  2458.             </div>
  2459.  
  2460.             <div class="sub__texture">
  2461.                 <div class="texture__title pdl-10">纹理图</div>
  2462.                 <div class="texture__content">
  2463.  
  2464.                 </div>
  2465.             </div>
  2466.         </div>
  2467.     </div>
  2468.  
  2469.     <div class="view" id="app">
  2470.  
  2471.     </div>
  2472.     `
  2473. 	let b = document.body;
  2474.     b.appendChild(a);
  2475. }
  2476.  
  2477. function initDom_Menu() {
  2478.     let html_texture = ""; // 纹理图html
  2479.     let dom = document.getElementsByClassName("texture__content")[0];
  2480.  
  2481.     for (let i = 0; i < Compare2D_compareList[0].textures.length; i++) {
  2482.         // 纹理图
  2483.         html_texture += `
  2484.         <div class="texture__item pdl-20 texture__compare" id="texture__compare${i}">【纹理图${i+1}】对比</div>
  2485.         <div class="texture__item pdl-20 texture__diff" id="texture__diff${i}">【纹理图${i+1}】差异</div>
  2486.         `
  2487.     }
  2488.     dom.innerHTML = html_texture;
  2489. }
  2490.  
  2491. function Compare2D_initFunc() {
  2492.     let views = document.getElementsByClassName("view__item");
  2493.     let textures = document.getElementsByClassName("texture__item");
  2494.     // active事件
  2495.     for (let i = 0; i < views.length; i++) {
  2496.         views[i].addEventListener("click", () => {
  2497.             for (let j = 0; j < views.length; j++) {
  2498.                 views[j].className = views[j].className.replace(" is-active", "");
  2499.             }
  2500.             for (let j = 0; j < textures.length; j++) {
  2501.                 textures[j].className = textures[j].className.replace(" is-active", "");
  2502.             }
  2503.             views[i].className += " is-active";
  2504.         })
  2505.     }
  2506.  
  2507.     for (let i = 0; i < textures.length; i++) {
  2508.         textures[i].addEventListener("click", () => {
  2509.             for (let j = 0; j < views.length; j++) {
  2510.                 views[j].className = views[j].className.replace(" is-active", "");
  2511.             }
  2512.             for (let j = 0; j < textures.length; j++) {
  2513.                 textures[j].className = textures[j].className.replace(" is-active", "");
  2514.             }
  2515.             textures[i].className += " is-active";
  2516.         })
  2517.     }
  2518.  
  2519.     // 业务事件
  2520.     document.getElementById("view__compare").addEventListener("click", () => {
  2521.         // 检视图对比
  2522.         if (Compare2D_app) Compare2D_app.unmount();
  2523.         let img1 = Compare2D_compareList[0].inspectUrl;
  2524.         let img2 = Compare2D_compareList[1].inspectUrl;
  2525.         Compare2D_app = Object(external_Vue_["createApp"])(Compare);
  2526.         Compare2D_app.config.globalProperties.img1 = img1;
  2527.         Compare2D_app.config.globalProperties.img2 = img2;
  2528.         Compare2D_app.mount("#app");
  2529.     })
  2530.     document.getElementById("view__diff").addEventListener("click", () => {
  2531.         // 检视图差异
  2532.         if (Compare2D_app) Compare2D_app.unmount();
  2533.         let img1 = Compare2D_compareList[0].inspectUrl;
  2534.         let img2 = Compare2D_compareList[1].inspectUrl;
  2535.         Compare2D_app = Object(external_Vue_["createApp"])(Diff);
  2536.         Compare2D_app.config.globalProperties.img1 = img1;
  2537.         Compare2D_app.config.globalProperties.img2 = img2;
  2538.         Compare2D_app.mount("#app");
  2539.     })
  2540.  
  2541.     let texture_compare = document.getElementsByClassName("texture__compare");
  2542.     let texture_diff = document.getElementsByClassName("texture__diff");
  2543.  
  2544.     for (let i = 0; i < texture_compare.length; i++) {
  2545.         let item = texture_compare[i];
  2546.         item.addEventListener("click", () => {
  2547.             // 纹理图对比
  2548.             if (Compare2D_app) Compare2D_app.unmount();
  2549.             let img1 = Compare2D_compareList[0].textures[i].url;
  2550.             let img2 = Compare2D_compareList[1].textures[i].url;
  2551.             Compare2D_app = Object(external_Vue_["createApp"])(Compare);
  2552.             Compare2D_app.config.globalProperties.img1 = img1;
  2553.             Compare2D_app.config.globalProperties.img2 = img2;
  2554.             Compare2D_app.mount("#app");
  2555.         })
  2556.     }
  2557.  
  2558.     for (let i = 0; i < texture_diff.length; i++) {
  2559.         let item = texture_diff[i];
  2560.         item.addEventListener("click", () => {
  2561.             // 纹理图差异
  2562.             if (Compare2D_app) Compare2D_app.unmount();
  2563.             let img1 = Compare2D_compareList[0].textures[i].url;
  2564.             let img2 = Compare2D_compareList[1].textures[i].url;
  2565.             Compare2D_app = Object(external_Vue_["createApp"])(Diff);
  2566.             Compare2D_app.config.globalProperties.img1 = img1;
  2567.             Compare2D_app.config.globalProperties.img2 = img2;
  2568.             Compare2D_app.mount("#app");
  2569.         })
  2570.     }
  2571.  
  2572.     document.getElementsByClassName("compare2d__watermark")[0].addEventListener("click", () => {
  2573.         window.open("https://github.com/qianjiachun/csgo-skin-compare");
  2574.     })
  2575. }
  2576.  
  2577.  
  2578. /* harmony default export */ var Compare2D = ({
  2579.     init: Compare2D_init
  2580. });
  2581. // CONCATENATED MODULE: ./src/pages/spect/packages/index.js
  2582.  
  2583.  
  2584. function packages_initPkg() {
  2585.     Compare2D.init();
  2586. }
  2587.  
  2588.  
  2589. // CONCATENATED MODULE: ./src/pages/spect/index.js
  2590.  
  2591.  
  2592. function spect_beforeInit() {
  2593.     // 清除页面默认数据
  2594.     document.title = "CSGO饰品对比 - 2D";
  2595.     document.body.innerHTML = "";
  2596. }
  2597.  
  2598. function spect_init() {
  2599.     spect_beforeInit();
  2600.     packages_initPkg();
  2601. }
  2602.  
  2603. /* harmony default export */ var spect = ({
  2604.     init: spect_init
  2605. });
  2606. // CONCATENATED MODULE: ./src/pages/index.js
  2607. // import www from "./www"
  2608.  
  2609.  
  2610. /* harmony default export */ var pages = ({
  2611.     // www
  2612.     buff: buff,
  2613.     spect: spect
  2614. });
  2615. // CONCATENATED MODULE: ./src/router.js
  2616.  
  2617.  
  2618. function initRouter() {
  2619.     // 根据需求判断location对象的值，来选择使用哪个page
  2620.     if (location.href.indexOf("buff") !== -1) {
  2621.         pages.buff.init();
  2622.     }
  2623.  
  2624.     if (location.href.indexOf("spect") !== -1) {
  2625.         if (location.href.indexOf("compare2d") !== -1) {
  2626.             pages.spect.init();
  2627.         }
  2628.     }
  2629. }
  2630.  
  2631. // CONCATENATED MODULE: ./src/main.js
  2632.  
  2633. initRouter();
  2634.  
  2635.  
  2636. /***/ })
  2637. /******/ ]);
  2638. //# sourceMappingURL=main.js.map

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址