UNPKG

vue-fluctuation

Version:

a simple vue-component for the fluctuation of data

265 lines (237 loc) 140 kB
/******/ (function(modules) { // webpackBootstrap /******/ // install a JSONP callback for chunk loading /******/ function webpackJsonpCallback(data) { /******/ var chunkIds = data[0]; /******/ var moreModules = data[1]; /******/ var executeModules = data[2]; /******/ /******/ // add "moreModules" to the modules object, /******/ // then flag all "chunkIds" as loaded and fire callback /******/ var moduleId, chunkId, i = 0, resolves = []; /******/ for(;i < chunkIds.length; i++) { /******/ chunkId = chunkIds[i]; /******/ if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) { /******/ resolves.push(installedChunks[chunkId][0]); /******/ } /******/ installedChunks[chunkId] = 0; /******/ } /******/ for(moduleId in moreModules) { /******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) { /******/ modules[moduleId] = moreModules[moduleId]; /******/ } /******/ } /******/ if(parentJsonpFunction) parentJsonpFunction(data); /******/ /******/ while(resolves.length) { /******/ resolves.shift()(); /******/ } /******/ /******/ // add entry modules from loaded chunk to deferred list /******/ deferredModules.push.apply(deferredModules, executeModules || []); /******/ /******/ // run deferred modules when all chunks ready /******/ return checkDeferredModules(); /******/ }; /******/ function checkDeferredModules() { /******/ var result; /******/ for(var i = 0; i < deferredModules.length; i++) { /******/ var deferredModule = deferredModules[i]; /******/ var fulfilled = true; /******/ for(var j = 1; j < deferredModule.length; j++) { /******/ var depId = deferredModule[j]; /******/ if(installedChunks[depId] !== 0) fulfilled = false; /******/ } /******/ if(fulfilled) { /******/ deferredModules.splice(i--, 1); /******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]); /******/ } /******/ } /******/ /******/ return result; /******/ } /******/ /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // object to store loaded and loading chunks /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched /******/ // Promise = chunk loading, 0 = chunk loaded /******/ var installedChunks = { /******/ "app": 0 /******/ }; /******/ /******/ var deferredModules = []; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = "/"; /******/ /******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || []; /******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray); /******/ jsonpArray.push = webpackJsonpCallback; /******/ jsonpArray = jsonpArray.slice(); /******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]); /******/ var parentJsonpFunction = oldJsonpFunction; /******/ /******/ /******/ // add entry module to deferred list /******/ deferredModules.push([0,"chunk-vendors"]); /******/ // run deferred modules when ready /******/ return checkDeferredModules(); /******/ }) /************************************************************************/ /******/ ({ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_Fluctuation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/Fluctuation */ \"./src/components/Fluctuation.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'App',\n components: {\n Fluctuation: _components_Fluctuation__WEBPACK_IMPORTED_MODULE_0__[\"default\"]\n },\n data: function data() {\n return {\n testValue: 666666,\n testMoney: 10000000,\n ordUnit: '',\n moneyUnit: '元'\n };\n },\n methods: {\n randomClick: function randomClick() {\n this.testValue = Math.floor(Math.random() * (666666 - 1 + 1) + 1);\n },\n randomSepClick: function randomSepClick() {\n this.testMoney = Math.floor(Math.random() * (10000000 - 1 + 1) + 1);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/App.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/DigitalTransform.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DigitalTransform.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat */ \"./node_modules/core-js/modules/es.array.concat.js\");\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.regexp.exec */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.string.replace */ \"./node_modules/core-js/modules/es.string.replace.js\");\n/* harmony import */ var core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.split */ \"./node_modules/core-js/modules/es.string.split.js\");\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _validator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./validator */ \"./src/components/validator.js\");\n/* harmony import */ var _DigitalTransfromScroll__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DigitalTransfromScroll */ \"./src/components/DigitalTransfromScroll.vue\");\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'DigitalTransfrom',\n components: {\n DigitalTransfromScroll: _DigitalTransfromScroll__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n },\n props: {\n value: {\n validator: _validator__WEBPACK_IMPORTED_MODULE_5__[\"looseDigitalValidator\"],\n default: undefined,\n required: true\n },\n dislocation: {\n type: Boolean,\n default: false\n },\n interval: {\n type: Number,\n default: 500\n },\n useGrouping: {\n type: Boolean,\n default: false\n }\n },\n data: function data() {\n return {\n digitals: [],\n oldDigtals: []\n };\n },\n watch: {\n value: {\n immediate: true,\n handler: function handler(value) {\n this.parseDigital(value);\n }\n }\n },\n methods: {\n parseDigital: function parseDigital(digitals) {\n var digitalsStr = \"\".concat(digitals);\n\n if (this.useGrouping) {\n digitalsStr = digitalsStr.replace(/^-?\\d+/g, function (m) {\n return m.replace(/(?=(?!\\b)(\\d{3})+$)/g, ',');\n });\n }\n\n var digitalArr = digitalsStr.split('');\n this.oldDigtals = this.digitals.concat();\n this.digitals = digitalArr;\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/DigitalTransform.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/DigitalTransfromScroll.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DigitalTransfromScroll.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_find_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.find-index */ \"./node_modules/core-js/modules/es.array.find-index.js\");\n/* harmony import */ var core_js_modules_es_array_find_index__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _validator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./validator */ \"./src/components/validator.js\");\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'DigitalTransformScroll',\n props: {\n to: {\n validator: _validator__WEBPACK_IMPORTED_MODULE_2__[\"digitalValidator\"],\n default: '0'\n },\n from: {\n validator: _validator__WEBPACK_IMPORTED_MODULE_2__[\"digitalValidator\"],\n default: '0'\n },\n dislocation: {\n type: Boolean,\n default: false\n },\n interval: {\n type: Number,\n default: 500\n }\n },\n data: function data() {\n return {\n digitals: [',', '.', '9', '8', '7', '6', '5', '4', '3', '2', '1', '0'],\n listHeight: 0,\n spacing: 1\n };\n },\n computed: {\n listStyle: function listStyle() {\n return {\n transitionDuration: \"\".concat(this.interval / 1000 * this.spacing, \"s\")\n };\n },\n elHeight: function elHeight() {\n return this.listHeight / this.digitals.length;\n }\n },\n watch: {\n to: {\n immediate: true,\n handler: function handler(newVal, oldVal) {\n if (!this.$refs.$list) return;\n\n if (this.dislocation) {\n var oldIndex = this.digitals.findIndex(function (d) {\n return oldVal === d;\n });\n var newIndex = this.digitals.findIndex(function (d) {\n return newVal === d;\n });\n this.spacing = Math.abs(newIndex - oldIndex);\n } else {\n this.spacing = 1;\n }\n\n this.setPosition(newVal);\n }\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n this.calcHeight();\n this.$el.style.height = \"\".concat(this.elHeight, \"px\");\n this.setPosition(this.from);\n setTimeout(function () {\n _this.setPosition(_this.to);\n }, 300);\n },\n methods: {\n calcHeight: function calcHeight() {\n this.listHeight = this.$refs.$list.clientHeight;\n },\n setPosition: function setPosition(target) {\n var idx = this.digitals.findIndex(function (d) {\n return target === d;\n });\n var offset = idx * this.elHeight;\n if (!this.$refs.$list) return;\n this.$refs.$list.style.transform = \"translateY(-\".concat(offset, \"px)\");\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/DigitalTransfromScroll.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Fluctuation.vue?vue&type=script&lang=js&": /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Fluctuation.vue?vue&type=script&lang=js& ***! \********************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_join__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.join */ \"./node_modules/core-js/modules/es.array.join.js\");\n/* harmony import */ var core_js_modules_es_array_join__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_join__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.object.to-string */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.regexp.exec */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string */ \"./node_modules/core-js/modules/es.regexp.to-string.js\");\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_string_match__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.string.match */ \"./node_modules/core-js/modules/es.string.match.js\");\n/* harmony import */ var core_js_modules_es_string_match__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.replace */ \"./node_modules/core-js/modules/es.string.replace.js\");\n/* harmony import */ var core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.split */ \"./node_modules/core-js/modules/es.string.split.js\");\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _components_DigitalTransform__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/components/DigitalTransform */ \"./src/components/DigitalTransform.vue\");\n\n\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'Fluctuation',\n components: {\n DigitalTransform: _components_DigitalTransform__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n },\n props: {\n value: {\n type: Number,\n default: 0,\n required: true\n },\n unit: {\n type: String,\n default: ''\n },\n seperator: {\n type: Boolean,\n default: false\n },\n interval: {\n type: Number,\n default: 500\n }\n },\n data: function data() {\n return {\n isShow: false,\n animatingTimer: null,\n changeValue: 0\n };\n },\n watch: {\n value: {\n handler: function handler(newVal, oldVal) {\n this.changeValue = this.isPlus(newVal - oldVal, this.seperator);\n this.digitalDebounce();\n }\n }\n },\n methods: {\n // 数值变动动画效果防抖函数\n digitalDebounce: function digitalDebounce() {\n var _this = this;\n\n if (this.animatingTimer) {\n clearTimeout(this.animatingTimer);\n }\n\n this.isShow = true;\n this.animatingTimer = setTimeout(function () {\n _this.isShow = false;\n _this.animatingTimer = null;\n }, 1500);\n },\n // 判断值是否为增长值 为其填上加号\n isPlus: function isPlus(testVal, isSep) {\n // 判断是否为带有千分位符选项\n if (isSep) {\n var changeStr = testVal.toString().replace(/^-?\\d+/g, function (m) {\n return m.replace(/(?=(?!\\b)(\\d{3})+$)/g, ',');\n });\n var result = changeStr.split('').join('');\n var first = changeStr.split('')[0];\n\n if (first.match(/^[0-9]$/)) {\n return \"+\".concat(result);\n }\n\n return result;\n }\n\n if (testVal > 0) {\n return \"+\".concat(testVal);\n }\n\n return testVal;\n }\n },\n destroy: function destroy() {\n clearTimeout(this.animatingTimer);\n }\n});\n\n//# sourceURL=webpack:///./src/components/Fluctuation.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"7cdcc85a-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=template&id=7ba5bd90&": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7cdcc85a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7ba5bd90& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { attrs: { id: \"app\" } }, [\n _c(\"div\", { staticClass: \"container\" }, [\n _c(\"div\", { staticClass: \"introduce\" }, [\n _c(\"h1\", [_vm._v(\"vue-fluctuation\")]),\n _c(\"div\", [\n _c(\n \"a\",\n { attrs: { href: \"https://github.com/Yanggoing/vue-fluctuation\" } },\n [\n _c(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n width: \"126\",\n height: \"20\"\n }\n },\n [\n _c(\n \"linearGradient\",\n { attrs: { id: \"s\", x2: \"0\", y2: \"100%\" } },\n [\n _c(\"stop\", {\n attrs: {\n offset: \"0\",\n \"stop-color\": \"#bbb\",\n \"stop-opacity\": \".1\"\n }\n }),\n _c(\"stop\", {\n attrs: { offset: \"1\", \"stop-opacity\": \".1\" }\n })\n ],\n 1\n ),\n _c(\"clipPath\", { attrs: { id: \"r\" } }, [\n _c(\"rect\", {\n attrs: {\n width: \"126\",\n height: \"20\",\n rx: \"3\",\n fill: \"#fff\"\n }\n })\n ]),\n _c(\"g\", { attrs: { \"clip-path\": \"url(#r)\" } }, [\n _c(\"rect\", {\n attrs: { width: \"47\", height: \"20\", fill: \"#555\" }\n }),\n _c(\"rect\", {\n attrs: {\n x: \"47\",\n width: \"79\",\n height: \"20\",\n fill: \"#97ca00\"\n }\n }),\n _c(\"rect\", {\n attrs: { width: \"126\", height: \"20\", fill: \"url(#s)\" }\n })\n ]),\n _c(\n \"g\",\n {\n attrs: {\n fill: \"#fff\",\n \"text-anchor\": \"middle\",\n \"font-family\": \"Verdana,Geneva,DejaVu Sans,sans-serif\",\n \"text-rendering\": \"geometricPrecision\",\n \"font-size\": \"110\"\n }\n },\n [\n _c(\n \"text\",\n {\n attrs: {\n x: \"245\",\n y: \"150\",\n fill: \"#010101\",\n \"fill-opacity\": \".3\",\n transform: \"scale(.1)\",\n textLength: \"370\"\n }\n },\n [_vm._v(\"Github \")]\n ),\n _c(\n \"text\",\n {\n attrs: {\n x: \"245\",\n y: \"140\",\n transform: \"scale(.1)\",\n textLength: \"370\"\n }\n },\n [_vm._v(\"Github\")]\n ),\n _c(\n \"text\",\n {\n attrs: {\n x: \"855\",\n y: \"150\",\n fill: \"#010101\",\n \"fill-opacity\": \".3\",\n transform: \"scale(.1)\",\n textLength: \"690\"\n }\n },\n [_vm._v(\"@Yanggoing \")]\n ),\n _c(\n \"text\",\n {\n attrs: {\n x: \"855\",\n y: \"140\",\n transform: \"scale(.1)\",\n textLength: \"690\"\n }\n },\n [_vm._v(\"@Yanggoing\")]\n )\n ]\n )\n ],\n 1\n )\n ]\n )\n ]),\n _c(\"p\", [_vm._v(\"一个基于vue&vue-digital-transform的数值波动效果组件\")])\n ]),\n _c(\"p\", [\n _vm._v(\n \" 二次封装了vue-digital-transform这个组件,增加了数值变动时的增减动画效果,在一些需要实时监测数据波动并展示的场景下可以使用,组件还有一些不完美的地方需要改进,支持的话,帮我点个Star吧! \"\n )\n ]),\n _c(\"h2\", [_vm._v(\"体验Demo\")]),\n _c(\"div\", { staticClass: \"demo-box\" }, [\n _c(\"span\", { staticClass: \"type-box\" }, [_vm._v(\"基本数值样式\")]),\n _c(\n \"span\",\n { staticClass: \"random-btn\", on: { click: _vm.randomClick } },\n [_vm._v(\"摇摇乐\")]\n ),\n _c(\"label\", [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model.trim.lazy\",\n value: _vm.ordUnit,\n expression: \"ordUnit\",\n modifiers: { trim: true, lazy: true }\n }\n ],\n attrs: { type: \"text\", placeholder: \"这里修改单位\" },\n domProps: { value: _vm.ordUnit },\n on: {\n change: function($event) {\n _vm.ordUnit = $event.target.value.trim()\n },\n blur: function($event) {\n return _vm.$forceUpdate()\n }\n }\n })\n ]),\n _c(\n \"div\",\n { staticClass: \"show-box\" },\n [\n _c(\n \"fluctuation\",\n {\n attrs: {\n value: _vm.testValue,\n seperator: false,\n unit: _vm.ordUnit,\n interval: 500\n }\n },\n [[_c(\"i\", { staticClass: \"iconfont icon-data\" })]],\n 2\n )\n ],\n 1\n )\n ]),\n _c(\"div\", { staticClass: \"demo-box\" }, [\n _c(\"span\", { staticClass: \"type-box\" }, [_vm._v(\"千分位符样式\")]),\n _c(\n \"span\",\n { staticClass: \"random-btn\", on: { click: _vm.randomSepClick } },\n [_vm._v(\"摇摇乐\")]\n ),\n _c(\n \"div\",\n { staticClass: \"show-box\" },\n [\n _c(\n \"fluctuation\",\n {\n attrs: {\n value: _vm.testMoney,\n seperator: \"\",\n unit: _vm.moneyUnit\n }\n },\n [[_c(\"i\", { staticClass: \"iconfont icon-data\" })]],\n 2\n )\n ],\n 1\n )\n ])\n ])\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/App.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%227cdcc85a-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"7cdcc85a-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/DigitalTransform.vue?vue&type=template&id=3a43c664&scoped=true&": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7cdcc85a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DigitalTransform.vue?vue&type=template&id=3a43c664&scoped=true& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"transition-group\",\n {\n staticClass: \"digital-transform\",\n attrs: { name: \"vdt-slide-y\", tag: \"div\" }\n },\n _vm._l(_vm.digitals, function(item, i) {\n return _c(\n \"DigitalTransfromScroll\",\n {\n key: i,\n staticClass: \"digital-transform-item\",\n attrs: {\n to: item,\n interval: _vm.interval,\n dislocation: _vm.dislocation,\n from: \"0\"\n }\n },\n [_vm._v(_vm._s(item) + \" \")]\n )\n }),\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/DigitalTransform.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%227cdcc85a-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"7cdcc85a-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/DigitalTransfromScroll.vue?vue&type=template&id=dd1b1592&scoped=true&": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7cdcc85a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DigitalTransfromScroll.vue?vue&type=template&id=dd1b1592&scoped=true& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"dt-scroll\" }, [\n _c(\n \"div\",\n { ref: \"$list\", staticClass: \"dt-scroll-list\", style: _vm.listStyle },\n _vm._l(_vm.digitals, function(item, index) {\n return _c(\"span\", { key: index, staticClass: \"dt-scroll-digital\" }, [\n _vm._v(\" \" + _vm._s(item) + \" \")\n ])\n }),\n 0\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/DigitalTransfromScroll.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%227cdcc85a-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"7cdcc85a-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Fluctuation.vue?vue&type=template&id=4ff00a80&scoped=true&": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7cdcc85a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Fluctuation.vue?vue&type=template&id=4ff00a80&scoped=true& ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"fluctuating-container\" },\n [\n _vm._t(\"default\"),\n _c(\n \"div\",\n { staticClass: \"data-container\" },\n [\n _c(\"digital-transform\", {\n attrs: {\n value: _vm.value,\n useGrouping: _vm.seperator,\n interval: _vm.interval\n }\n }),\n _c(\"span\", { staticClass: \"unit-box\" }, [_vm._v(_vm._s(_vm.unit))]),\n _c(\"transition\", { attrs: { name: \"lotus\" } }, [\n _c(\n \"p\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isShow,\n expression: \"isShow\"\n }\n ],\n staticClass: \"fluctuating-animate\"\n },\n [_vm._v(_vm._s(_vm.changeValue))]\n )\n ])\n ],\n 1\n )\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/Fluctuation.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%227cdcc85a-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./src/assets/iconfont/iconfont.css": /*!******************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2!./src/assets/iconfont/iconfont.css ***! \******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! ./iconfont.eot?t=1594257964601 */ \"./src/assets/iconfont/iconfont.eot?t=1594257964601\");\nvar ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__(/*! ./iconfont.woff?t=1594257964601 */ \"./src/assets/iconfont/iconfont.woff?t=1594257964601\");\nvar ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__(/*! ./iconfont.ttf?t=1594257964601 */ \"./src/assets/iconfont/iconfont.ttf?t=1594257964601\");\nvar ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__(/*! ./iconfont.svg?t=1594257964601 */ \"./src/assets/iconfont/iconfont.svg?t=1594257964601\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___, { hash: \"#iefix\" });\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___, { hash: \"#iconfont\" });\n// Module\nexports.push([module.i, \"@font-face {font-family: \\\"iconfont\\\";\\n src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \"); /* IE9 */\\n src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \") format('embedded-opentype'), \\n url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALcAAsAAAAABrQAAAKPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBQIE9ATYCJAMICwYABCAFhG0HLxviBRHVk0FkXxdwh9HCbyMyKSPKbhMd5aFLNAgKBeM/g2aVDnzfCJ7HNfT9JAdlQkWuHbAlBEXCjN1mAUhPXi+Y2N/LRYf6xjCBg7Y5V/7e1agINZLvgRT6Qgobp9lDovSsBkAVDPk8l9ObFAYyP1COa03qsEW9AOOAAhxrUWQFUsgNYxe8wMMQwJdE8pH2ztsTXAz2KAFkycKgwS3EMBhWdBHshoUGOYCFq3aqp8D+6PPyh1JxQWFp7InDc3sHzd+/ozd4G6YCgjgIcLkFaCAfMCDjjblBNML4Gt+cIRWOxRX4jucFDuSoVoT9dXa5PwDxUPZMck/xqL9UABjAApqB9kkZsPwD7CtWBx85seGkX4jTG08ts+iN13ZdQW246ZejLZ45Kmu0hSsYiNLH+mxdU4znQPuv14UX0BOwPnt5sOmBL2ErAm4Frs9aH3jLf8OTiA0B7wP3560Hbv/bX2Daf95/fQ5eOh9wgWYAvPv6rm7+md/hufM3aDaofhcDwJv8w/lRxLtvGBYA95QO4dfJBzYZQ2nbldHkjSVFM9YtVfjiC3jgUCjvp5oi7rMkuETcbcAhIYPGJZ00bD4s/CiHjUsTfMmja7kfYaxCI8YHyGUrgBDMLSgCuQdNMM9Iw76DRST/YBMsGr5MStiGfmQKllQmLeTQ/DHZafSuU1TMvVNYe815ZSR4E+eUxLqoysUjjcRLTMmf0Ih49DwNeADHUd9POPPUkpUiisy7svRNLyrsNICCTFrIofljstPog/aiKu+/U1h7zR0Ndek3cU7dY11UA8ijbhzU8CjP5E9oRDx6ngY8gH7U9xPOzf1aslLECZl5Vzqt/FBdsb1h+LsdgC/YZrVxemxBjmu7AgAA') format('woff2'),\\n url(\" + ___CSS_LOADER_URL_REPLACEMENT_2___ + \") format('woff'),\\n url(\" + ___CSS_LOADER_URL_REPLACEMENT_3___ + \") format('truetype'), \\n url(\" + ___CSS_LOADER_URL_REPLACEMENT_4___ + \") format('svg'); /* iOS 4.1- */\\n}\\n\\n.iconfont {\\n font-family: \\\"iconfont\\\" !important;\\n font-size: 16px;\\n font-style: normal;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n}\\n\\n.icon-data:before {\\n content: \\\"\\\\e600\\\";\\n}\\n\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/assets/iconfont/iconfont.css?./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??ref--6-oneOf-3-2"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postc