{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?5fc2","webpack:///./src/App.vue","webpack:///./src/views/About.vue?51e6","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?4206","webpack:///./src/views/About.vue","webpack:///./src/router/index.js","webpack:///./src/main.js","webpack:///./src/App.vue?f446","webpack:///./src/views/About.vue?72f4"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","script","component","staticClass","ref","ruleForm","style","height","dragwidth","width","left","top","on","handleDropped","_e","_v","beforeAvatarUpload","err","model","callback","$$v","$set","expression","slot","_s","arr","min","max","$event","input","_m","color","radio","src","previewURL","uplod","updata","btnChangeEnable","toBagImg","toCart","Vue","use","VueRouter","routes","path","redirect","About","router","base","process","$axios","axios","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.073fc388.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=75ea5169&\"\nvar script = {}\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"img-con\"},[_c('div',[_c('div',{ref:\"imgBox1\",staticClass:\"img-box1\"},[_c('canvas',{ref:\"canvas\"}),(_vm.ruleForm.coverUrl)?_c('drag-it-dude',{ref:\"drag\",style:({\n                            height: _vm.dragwidth + 'rem',\n                            width: _vm.dragwidth + 'rem',\n                            left: '0px',\n                            top: '0px',\n                        }),on:{\"dropped\":_vm.handleDropped}}):_vm._e()],1),_c('div',{staticClass:\"button-step box1\"},[_c('div',{staticClass:\"btn btn1\"},[_vm._v(\"1\")]),_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"action\":\"\",\"show-file-list\":false,\"before-upload\":_vm.beforeAvatarUpload,\"on-error\":_vm.err},model:{value:(_vm.ruleForm.coverFile),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"coverFile\", $$v)},expression:\"ruleForm.coverFile\"}},[_c('el-button',{attrs:{\"slot\":\"trigger\",\"size\":\"small\",\"type\":\"primary\"},slot:\"trigger\"},[_vm._v(\"Load Picture\")])],1),_c('div',{staticClass:\"s-list list-top\"},[_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name w100\"},[_vm._v(_vm._s(_vm.arr[0].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[0].min,\"max\":_vm.arr[0].max},on:{\"change\":function($event){return _vm.input(0)}},model:{value:(_vm.arr[0].val),callback:function ($$v) {_vm.$set(_vm.arr[0], \"val\", $$v)},expression:\"arr[0].val\"}})],1)]),_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name w100\"},[_vm._v(_vm._s(_vm.arr[1].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[1].min,\"max\":_vm.arr[1].max},on:{\"change\":function($event){return _vm.input(1)}},model:{value:(_vm.arr[1].val),callback:function ($$v) {_vm.$set(_vm.arr[1], \"val\", $$v)},expression:\"arr[1].val\"}})],1)])])],1)]),_c('div',[_c('div',{staticClass:\"s-list\"},[_vm._m(0),_c('div',{staticClass:\"style-list\"},[_c('div',[_c('el-radio',{attrs:{\"size\":\"medium\",\"label\":\"1\"},on:{\"change\":_vm.color},model:{value:(_vm.radio),callback:function ($$v) {_vm.radio=$$v},expression:\"radio\"}},[_vm._v(\"Color\")]),_c('el-radio',{attrs:{\"size\":\"medium\",\"label\":\"2\"},on:{\"change\":_vm.color},model:{value:(_vm.radio),callback:function ($$v) {_vm.radio=$$v},expression:\"radio\"}},[_vm._v(\"Grayscale\")])],1)]),_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[2].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[2].min,\"max\":_vm.arr[2].max},on:{\"change\":function($event){return _vm.input(2)}},model:{value:(_vm.arr[2].val),callback:function ($$v) {_vm.$set(_vm.arr[2], \"val\", $$v)},expression:\"arr[2].val\"}})],1)]),_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[3].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[3].min,\"max\":_vm.arr[3].max},on:{\"change\":function($event){return _vm.input(3)}},model:{value:(_vm.arr[3].val),callback:function ($$v) {_vm.$set(_vm.arr[3], \"val\", $$v)},expression:\"arr[3].val\"}})],1)]),_c('div',{staticClass:\"style-list\"},[_c('div',{staticClass:\"list-name\"},[_vm._v(_vm._s(_vm.arr[4].name))]),_c('div',[_c('el-slider',{staticClass:\"silder\",attrs:{\"min\":_vm.arr[4].min,\"max\":_vm.arr[4].max},on:{\"change\":function($event){return _vm.input(4)}},model:{value:(_vm.arr[4].val),callback:function ($$v) {_vm.$set(_vm.arr[4], \"val\", $$v)},expression:\"arr[4].val\"}})],1)])]),_c('div',{staticClass:\"img-box2\"},[_c('canvas',{ref:\"canvas2\"})])])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"resImg\"},[_c('img',{attrs:{\"src\":_vm.src.previewURL,\"alt\":\"\"}})]),_c('div',{staticClass:\"rignt-btn\"},[_c('div',{staticClass:\"button-step\"},[_c('div',{staticClass:\"btn btn3\"},[_vm._v(\"3\")]),_c('el-button',{attrs:{\"size\":\"small\",\"loading\":_vm.uplod,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.updata()}}},[_vm._v(\"dotidoodle it \")])],1),_c('div',{staticClass:\"button-step\"},[_c('el-button',{attrs:{\"size\":\"small\",\"type\":\"primary\",\"disabled\":_vm.btnChangeEnable},on:{\"click\":function($event){return _vm.toBagImg()}}},[_vm._v(\"Show Content \")])],1),_vm._m(1),_c('el-button',{attrs:{\"size\":\"small\",\"disabled\":_vm.btnChangeEnable,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toCart()}}},[_vm._v(\"Add To Cart \")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"s-list-tit button-step\"},[_c('div',{staticClass:\"button-step-text\"},[_c('div',{staticClass:\"btn btn2\"},[_vm._v(\"2\")]),_vm._v(\" ADJUSTMENTS \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"btn-text\"},[_c('p',[_vm._v(\"Keep playing and creating\")]),_c('p',[_vm._v(\"until you love, love, love it.\")]),_c('p',{staticClass:\"text-top\"},[_vm._v(\"Once you are happy\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"about\">\r\n        <div class=\"left\">\r\n            <div class=\"img-con\">\r\n                <div>\r\n                    <div class=\"img-box1\" ref=\"imgBox1\">\r\n                        <canvas ref=\"canvas\"></canvas>\r\n                        <!-- <div class=\"x-box\"></div>  @dragging=\"handleDragging\"-->\r\n                        <drag-it-dude\r\n                            v-if=\"ruleForm.coverUrl\"\r\n                            ref=\"drag\"\r\n                            @dropped=\"handleDropped\"\r\n                            v-bind:style=\"{\r\n                                height: dragwidth + 'rem',\r\n                                width: dragwidth + 'rem',\r\n                                left: '0px',\r\n                                top: '0px',\r\n                            }\"\r\n                        >\r\n                        </drag-it-dude>\r\n                        <!-- <div\r\n                            class=\"left btn\"\r\n                            @touchstart.stop=\"hang\"\r\n                            @touchend.stop=\"hang\"\r\n                            @mousedown.stop=\"hang\"\r\n                            @mouseup.stop=\"hang\"\r\n                        ></div>\r\n                        <div\r\n                            class=\"top btn\"\r\n                            @touchstart.stop=\"hang\"\r\n                            @touchend.stop=\"hang\"\r\n                            @mousedown.stop=\"hang\"\r\n                            @mouseup.stop=\"hang\"\r\n                        ></div>\r\n                        <div\r\n                            class=\"right btn\"\r\n                            @touchstart.stop=\"hang\"\r\n                            @touchend.stop=\"hang\"\r\n                            @mousedown.stop=\"hang\"\r\n                            @mouseup.stop=\"hang\"\r\n                        ></div>\r\n                        <div\r\n                            class=\"bottom btn\"\r\n                            @touchstart.stop=\"hang\"\r\n                            @touchend.stop=\"hang\"\r\n                            @mousedown.stop=\"hang\"\r\n                            @mouseup.stop=\"hang\"\r\n                        ></div> -->\r\n                    </div>\r\n                    <div class=\"button-step box1\">\r\n                        <div class=\"btn btn1\">1</div>\r\n                        <el-upload\r\n                            class=\"avatar-uploader\"\r\n                            action=\"\"\r\n                            :show-file-list=\"false\"\r\n                            :before-upload=\"beforeAvatarUpload\"\r\n                            v-model=\"ruleForm.coverFile\"\r\n                            :on-error=\"err\"\r\n                        >\r\n                            <el-button\r\n                                slot=\"trigger\"\r\n                                size=\"small\"\r\n                                type=\"primary\"\r\n                                >Load Picture</el-button\r\n                            >\r\n                        </el-upload>\r\n                        <div class=\"s-list list-top\">\r\n                            <div class=\"style-list\">\r\n                            <div class=\"list-name w100\">{{ arr[0].name }}</div>\r\n                            <div>\r\n                                <el-slider\r\n                                    @change=\"input(0)\"\r\n                                    class=\"silder\"\r\n                                    :min=\"arr[0].min\"\r\n                                    :max=\"arr[0].max\"\r\n                                    v-model=\"arr[0].val\"\r\n                                ></el-slider>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"style-list\">\r\n                            <div class=\"list-name w100\">{{ arr[1].name }}</div>\r\n                            <div>\r\n                                <el-slider\r\n                                    @change=\"input(1)\"\r\n                                    class=\"silder\"\r\n                                    :min=\"arr[1].min\"\r\n                                    :max=\"arr[1].max\"\r\n                                    v-model=\"arr[1].val\"\r\n                                ></el-slider>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div>\r\n                    <div class=\"s-list\">\r\n                        <div class=\"s-list-tit button-step\">\r\n                            <div class=\"button-step-text\">\r\n                                <div class=\"btn btn2\">2</div>\r\n                                ADJUSTMENTS\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"style-list\">\r\n                            <div>\r\n                                <el-radio\r\n                                    @change=\"color\"\r\n                                    size=\"medium\"\r\n                                    v-model=\"radio\"\r\n                                    label=\"1\"\r\n                                    >Color</el-radio\r\n                                >\r\n                                <el-radio\r\n                                    @change=\"color\"\r\n                                    size=\"medium\"\r\n                                    v-model=\"radio\"\r\n                                    label=\"2\"\r\n                                    >Grayscale</el-radio\r\n                                >\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"style-list\">\r\n                            <div class=\"list-name\">{{ arr[2].name }}</div>\r\n                            <div>\r\n                                <el-slider\r\n                                    @change=\"input(2)\"\r\n                                    class=\"silder\"\r\n                                    :min=\"arr[2].min\"\r\n                                    :max=\"arr[2].max\"\r\n                                    v-model=\"arr[2].val\"\r\n                                ></el-slider>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"style-list\">\r\n                            <div class=\"list-name\">{{ arr[3].name }}</div>\r\n                            <div>\r\n                                <el-slider\r\n                                    @change=\"input(3)\"\r\n                                    class=\"silder\"\r\n                                    :min=\"arr[3].min\"\r\n                                    :max=\"arr[3].max\"\r\n                                    v-model=\"arr[3].val\"\r\n                                ></el-slider>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"style-list\">\r\n                            <div class=\"list-name\">{{ arr[4].name }}</div>\r\n                            <div>\r\n                                <el-slider\r\n                                    @change=\"input(4)\"\r\n                                    class=\"silder\"\r\n                                    :min=\"arr[4].min\"\r\n                                    :max=\"arr[4].max\"\r\n                                    v-model=\"arr[4].val\"\r\n                                ></el-slider>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"img-box2\">\r\n                        <canvas ref=\"canvas2\"></canvas>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"right\">\r\n            <div class=\"resImg\">\r\n                <img :src=\"src.previewURL\" alt=\"\" />\r\n            </div>\r\n            <div class=\"rignt-btn\">\r\n                <div class=\"button-step\">\r\n                    <div class=\"btn btn3\">3</div>\r\n                    <el-button\r\n                        size=\"small\"\r\n                        :loading=\"uplod\"\r\n                        @click=\"updata()\"\r\n                        type=\"primary\"\r\n                        >dotidoodle it\r\n                    </el-button>\r\n                </div>\r\n                <div class=\"button-step\">\r\n                    <el-button\r\n                        size=\"small\"\r\n                        type=\"primary\"\r\n                        :disabled=\"btnChangeEnable\"\r\n                        @click=\"toBagImg()\"\r\n                        >Show Content\r\n                    </el-button>\r\n                </div>\r\n                <div class=\"btn-text\">\r\n                    <p>Keep playing and creating</p>\r\n                    <p>until you love, love, love it.</p>\r\n                    <p class=\"text-top\">Once you are happy</p>\r\n                </div>\r\n                \r\n                <el-button\r\n                    size=\"small\"\r\n                    :disabled=\"btnChangeEnable\"\r\n                    @click=\"toCart()\"\r\n                    type=\"primary\"\r\n                    >Add To Cart\r\n                </el-button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport DragItDude from \"vue-drag-it-dude\";\r\nexport default {\r\n    name: \"About\",\r\n    components: {\r\n        DragItDude,\r\n    },\r\n    data() {\r\n        return {\r\n            ruleForm: {\r\n                coverUrl: \"\",\r\n                coverFile: \"\",\r\n            },\r\n            img1200: \"\",\r\n            img480: \"\",\r\n            uplod: false,\r\n            top: 0,\r\n            left: 0,\r\n            value1: 0,\r\n            height: \"200\",\r\n            canvasHeight: \"200\",\r\n            dragwidth: 16.22222,\r\n            rotate: 0,\r\n            scale: 1,\r\n            radio: \"1\",\r\n            btnChangeEnable: true,\r\n            src: {},\r\n            onoff: true,\r\n            Grayscaleoff: false,\r\n            ele: null,\r\n            interval: null,\r\n            arr: [\r\n                {\r\n                    name: \"Scale\",\r\n                    val: 50,\r\n                },\r\n                {\r\n                    name: \"Rotate\",\r\n                    val: 50,\r\n                },\r\n                // {\r\n                //     name: \"Grayscale\",\r\n                //     val: 0,\r\n                //     onoff: true,\r\n                // },\r\n                {\r\n                    name: \"Brightness\",\r\n                    val: 50,\r\n                },\r\n                {\r\n                    name: \"Contrast\",\r\n                    val: 50,\r\n                },\r\n                {\r\n                    name: \"Saturation\",\r\n                    val: 100,\r\n                    max: 200,\r\n                    min: 50,\r\n                },\r\n            ],\r\n        };\r\n    },\r\n    methods: {\r\n        beforeAvatarUpload(file) {\r\n            this.ruleForm.coverFile = file;\r\n            this.imagePreview(this.ruleForm.coverFile);\r\n            return false;\r\n        },\r\n        imagePreview: function (file) {\r\n            var self = this;\r\n            //定义一个文件阅读器\r\n            var reader = new FileReader();\r\n            //文件装载后将其显示在图片预览里\r\n            reader.onload = function (e) {\r\n                //将bade64位图片保存至数组里供上面图片显示\r\n                self.ruleForm.coverUrl = e.target.result;\r\n                self.initCanvas();\r\n            };\r\n            reader.readAsDataURL(file);\r\n        },\r\n        err(err) {\r\n            console.log(JSON.parse(err));\r\n        },\r\n        initCanvas() {\r\n            var canvas = this.$refs.canvas;\r\n            var ctx = canvas.getContext(\"2d\");\r\n            canvas.width = 1200;\r\n            canvas.height = 1200;\r\n            ctx.fillStyle = \"#fff\";\r\n            ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n            ctx.translate(1200 / 2, 1200 / 2);\r\n            ctx.rotate((this.rotate * Math.PI) / 180);\r\n            var self = this;\r\n            var img = new Image();\r\n            img.src = self.ruleForm.coverUrl;\r\n            img.onload = function () {\r\n                var s = img.height / img.width;\r\n                if (s > 1) {\r\n                    ctx.drawImage(\r\n                        img,\r\n                        600 - ((1200 / img.height) * img.width) / 2 - 600,\r\n                        -600,\r\n                        (1200 / img.height) * img.width,\r\n                        1200\r\n                    );\r\n                } else if (s < 1) {\r\n                    ctx.drawImage(\r\n                        img,\r\n                        -600,\r\n                        600 - (1200 * img.height) / img.width / 2 - 600,\r\n                        1200,\r\n                        (1200 * img.height) / img.width\r\n                    );\r\n                } else {\r\n                    ctx.drawImage(img, -600, -600, 1200, s * 1200);\r\n                }\r\n\r\n                // self.updata(canvas)\r\n                self.img1200 = canvas.toDataURL(\"image/jpeg\");\r\n                self.generateCanvas();\r\n            };\r\n        },\r\n        rgbToHsl: function (r, g, b) {\r\n            (r /= 255), (g /= 255), (b /= 255);\r\n            var max = Math.max(r, g, b),\r\n                min = Math.min(r, g, b);\r\n            var h,\r\n                s,\r\n                l = (max + min) / 2;\r\n\r\n            if (max == min) {\r\n                h = s = 0; // achromatic\r\n            } else {\r\n                var d = max - min;\r\n                s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n                switch (max) {\r\n                    case r:\r\n                        h = (g - b) / d + (g < b ? 6 : 0);\r\n                        break;\r\n                    case g:\r\n                        h = (b - r) / d + 2;\r\n                        break;\r\n                    case b:\r\n                        h = (r - g) / d + 4;\r\n                        break;\r\n                }\r\n                h /= 6;\r\n            }\r\n            return [\r\n                Math.floor(h * 100),\r\n                Math.round(s * 100),\r\n                Math.round(l * 100),\r\n            ];\r\n        },\r\n        hslToRgb: function (h, s, l) {\r\n            var r, g, b;\r\n\r\n            if (s == 0) {\r\n                r = g = b = l; // achromatic\r\n            } else {\r\n                var hue2rgb = function hue2rgb(p, q, t) {\r\n                    if (t < 0) t += 1;\r\n                    if (t > 1) t -= 1;\r\n                    if (t < 1 / 6) return p + (q - p) * 6 * t;\r\n                    if (t < 1 / 2) return q;\r\n                    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\r\n                    return p;\r\n                };\r\n\r\n                var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\r\n                var p = 2 * l - q;\r\n                r = hue2rgb(p, q, h + 1 / 3);\r\n                g = hue2rgb(p, q, h);\r\n                b = hue2rgb(p, q, h - 1 / 3);\r\n            }\r\n\r\n            return [\r\n                Math.round(r * 255),\r\n                Math.round(g * 255),\r\n                Math.round(b * 255),\r\n            ];\r\n        },\r\n        generateCanvas() {\r\n            var canvas = this.$refs.canvas2;\r\n            var ctx = canvas.getContext(\"2d\");\r\n            canvas.width = 480;\r\n            canvas.height = 480;\r\n            ctx.fillStyle = \"#fff\";\r\n            ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n            var self = this;\r\n            var img = new Image();\r\n            img.src = this.img1200;\r\n            img.onload = function () {\r\n                var pixels;\r\n                console.log(\r\n                    (self.arr[0].val / 100) * 1200,\r\n                    (self.arr[0].val / 100) * 1200\r\n                );\r\n                ctx.drawImage(\r\n                    img,\r\n                    self.left*1200,\r\n                    self.top*1200,\r\n                    (self.arr[0].val / 100) * 1200,\r\n                    (self.arr[0].val / 100) * 1200,\r\n                    0,\r\n                    0,\r\n                    480,\r\n                    480\r\n                );\r\n                pixels = ctx.getImageData(0, 0, 480, 480);\r\n                var pixeldata = pixels.data;\r\n                var c = (self.arr[3].val - 50) / 100;\r\n                var Br = (self.arr[2].val - 50) / 100;\r\n                for (var i = 0, len = pixeldata.length; i < len; i += 4) {\r\n                    if (self.Grayscaleoff) {\r\n                        var gray =\r\n                            (pixels.data[i] * 38 +\r\n                                pixels.data[i + 1] * 75 +\r\n                                pixels.data[i + 2] * 15) >>\r\n                            7;\r\n                        pixels.data[i] = gray;\r\n                        pixels.data[i + 1] = gray;\r\n                        pixels.data[i + 2] = gray;\r\n                    }\r\n                    var k = Math.tan(((45 + 44 * c) / 180) * Math.PI);\r\n                    pixels.data[i] = self.goodcolor(\r\n                        (pixels.data[i] - 127.5 * (1 - Br)) * k +\r\n                            127.5 * (1 + Br)\r\n                    );\r\n                    pixels.data[i + 1] = self.goodcolor(\r\n                        (pixels.data[i + 1] - 127.5 * (1 - Br)) * k +\r\n                            127.5 * (1 + Br)\r\n                    );\r\n                    pixels.data[i + 2] = self.goodcolor(\r\n                        (pixels.data[i + 2] - 127.5 * (1 - Br)) * k +\r\n                            127.5 * (1 + Br)\r\n                    );\r\n\r\n                    var hslarr = self.rgbToHsl(\r\n                        pixels.data[i],\r\n                        pixels.data[i + 1],\r\n                        pixels.data[i + 2]\r\n                    );\r\n                    var h = Math.round(hslarr[0]) / 100; //色调，处理成0-1之前数据\r\n                    var s = Math.round(hslarr[1]) / 100; //饱和度\r\n                    var l = Math.round(hslarr[2]) / 100; //亮度\r\n                    var s2 = s * 0.01 * self.arr[4].val;\r\n                    s = s2 > 1 ? 1 : s2 < 0 ? 0 : s2;\r\n                    var rgbarr = self.hslToRgb(h, s, l);\r\n                    pixels.data[i] = rgbarr[0];\r\n                    pixels.data[i + 1] = rgbarr[1];\r\n                    pixels.data[i + 2] = rgbarr[2];\r\n                }\r\n                ctx.putImageData(pixels, 0, 0);\r\n                self.img480 = canvas.toDataURL(\"image/jpeg\");\r\n            };\r\n        },\r\n        imageDraw: function () {},\r\n        goodcolor: function (num) {\r\n            var x = num;\r\n            if (num > 255) {\r\n                x = 255;\r\n            } else if (num < 0) {\r\n                x = 0;\r\n            }\r\n            return x;\r\n        },\r\n\r\n        handleDropped() {\r\n            this.left = parseInt(this.$refs.drag.elem.style.left)/parseInt(this.$refs.imgBox1.clientWidth );\r\n            this.top = parseInt(this.$refs.drag.elem.style.top)/parseInt(this.$refs.imgBox1.clientWidth );\r\n            this.generateCanvas();\r\n        },\r\n        grayscale() {\r\n            this.generateCanvas();\r\n        },\r\n        color(index) {\r\n            if (index == 2) {\r\n                this.Grayscaleoff = true;\r\n            } else {\r\n                this.Grayscaleoff = false;\r\n            }\r\n            this.generateCanvas();\r\n        },\r\n        input(index) {\r\n            if (index == 0) {\r\n                this.dragwidth = (this.arr[index].val / 100) * 33.33333;\r\n                console.log\r\n                this.generateCanvas();\r\n            } else if (index == 1) {\r\n                this.rotate = ((this.arr[index].val - 50) / 25) * 180;\r\n                this.initCanvas();\r\n            } else {\r\n                this.generateCanvas();\r\n            }\r\n        },\r\n        toCart() {\r\n            window.location.href = `http://mskpt.com/cart/?add-to-cart=149&quantity=3&mproject_url=<img src=\"${this.src.thumbURL}\"/>&mproject_info=${this.src.projectID}`;\r\n        },\r\n        toBagImg() {\r\n            window.open(this.src.previewURL);    \r\n        },\r\n        updata: function () {\r\n            if (!this.img480) {\r\n                return;\r\n            }\r\n            this.uplod = true;\r\n            var img = this.img480;\r\n            var size = parseInt(img.length);\r\n            let xm = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n                        <SOAP-ENV:Envelope\r\n                            xmlns:SOAP-ENV=\"http://schemas.xmlsoap.org/soap/envelope/\"\r\n                            xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\"\r\n                            xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"\r\n                            xmlns:SOAP-ENC=\"http://schemas.xmlsoap.org/soap/encoding/\">\r\n                            <SOAP-ENV:Body\r\n                                xmlns:NS1=\"urn:ezm_renderIntf-Iezm_render\"\r\n                                SOAP-ENV:encodingStyle=\"http://schemas.xmlsoap.org/soap/encoding/\">\r\n                                <NS1:MRDot_HY2>\r\n                                    <size xsi:type=\"xsd:int\">\r\n                                        ${size}\r\n                                    </size>\r\n                                    <jpg xsi:type=\"xsd:base64Binary\">${img}</jpg></NS1:MRDot_HY2>\r\n                            </SOAP-ENV:Body>\r\n                        </SOAP-ENV:Envelope>`;\r\n            this.$axios\r\n                .post(\r\n                    \"https://mosaictool.com/render/ezmr1.dll/soap/Iezm_render\",\r\n                    xm\r\n                )\r\n                .then((response) => {\r\n                    this.uplod = false;\r\n                    var parser = new DOMParser();\r\n                    var xmlDoc = parser.parseFromString(\r\n                        response.data,\r\n                        \"text/xml\"\r\n                    );\r\n                    //获取DOM节点的标签为 dzLoginResult 的第一个节点对象\r\n                    var MDotResponse = xmlDoc.getElementsByTagName(\r\n                        \"NS2:TMRmsg\"\r\n                    )[0].childNodes;\r\n                    MDotResponse.forEach((item) => {\r\n                        this.src[item.nodeName] = item.innerHTML;\r\n                    });\r\n                    // xmlDoc.getElementsByTagName('msg')[0];\r\n                    if (this.src.msg == \"Good Request\") {\r\n                        this.btnChangeEnable = false;\r\n                    }\r\n                })\r\n                .catch((error) => {\r\n                    self.uplod = false;\r\n                });\r\n        },\r\n        hang(e) {\r\n            if (!this.ruleForm.coverUrl) {\r\n                return;\r\n            }\r\n            if (e.type == \"mouseup\" || e.type == \"touchend\") {\r\n                if (this.interval) {\r\n                    clearInterval(this.interval);\r\n                    this.handleDropped();\r\n                }\r\n                return;\r\n            }\r\n            var left = parseInt(this.$refs.drag.elem.style.left);\r\n            var top = parseInt(this.$refs.drag.elem.style.top);\r\n            if (e.srcElement.classList[0] == \"left\") {\r\n                if (left > 0) {\r\n                    this.$refs.drag.elem.style.left = left - 1 + \"px\";\r\n                } else {\r\n                    return;\r\n                }\r\n            } else if (e.srcElement.classList[0] == \"right\") {\r\n                if (left < 90) {\r\n                    this.$refs.drag.elem.style.left = left + 1 + \"px\";\r\n                } else {\r\n                    return;\r\n                }\r\n            } else if (e.srcElement.classList[0] == \"top\") {\r\n                if (top > 0) {\r\n                    this.$refs.drag.elem.style.top = top - 1 + \"px\";\r\n                } else {\r\n                    return;\r\n                }\r\n            } else {\r\n                if (top < 90) {\r\n                    this.$refs.drag.elem.style.top = top + 1 + \"px\";\r\n                } else {\r\n                    return;\r\n                }\r\n            }\r\n            this.handleDropped();\r\n            this.interval = setInterval(() => {\r\n                var left = parseInt(this.$refs.drag.elem.style.left);\r\n                var top = parseInt(this.$refs.drag.elem.style.top);\r\n\r\n                if (e.srcElement.classList[0] == \"left\") {\r\n                    if (left > 0) {\r\n                        this.$refs.drag.elem.style.left = left - 1 + \"px\";\r\n                    } else {\r\n                        return;\r\n                    }\r\n                } else if (e.srcElement.classList[0] == \"right\") {\r\n                    if (left < 90) {\r\n                        this.$refs.drag.elem.style.left = left + 1 + \"px\";\r\n                    } else {\r\n                        return;\r\n                    }\r\n                } else if (e.srcElement.classList[0] == \"top\") {\r\n                    if (top > 0) {\r\n                        this.$refs.drag.elem.style.top = top - 1 + \"px\";\r\n                    } else {\r\n                        return;\r\n                    }\r\n                } else {\r\n                    if (top < 90) {\r\n                        this.$refs.drag.elem.style.top = top + 1 + \"px\";\r\n                    } else {\r\n                        return;\r\n                    }\r\n                }\r\n            }, 30);\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.el-radio__inner {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n.el-radio__inner::after {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.el-radio__label {\r\n    font-size: 18px;\r\n}\r\n.el-button {\r\n    width: 256px;\r\n    height: 60px;\r\n    font-size: 30px;\r\n    border-radius: 30px;\r\n}\r\n.s-list-tit {\r\n    margin-bottom: 20px;\r\n}\r\n.box1 {\r\n    width: 40%;\r\n}\r\n.list-top{\r\n    margin-top: 40px;\r\n}\r\n.button-step {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    .button-step-text {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        font-size: 30px;\r\n        align-items: center;\r\n    }\r\n    .btn {\r\n        width: 150px;\r\n        height: 150px;\r\n        border-radius: 50%;\r\n        margin-right: 15px;\r\n        font-size: 100px;\r\n        text-align: center;\r\n        line-height: 150px;\r\n        font-weight: 600;\r\n        color: white;\r\n    }\r\n    .btn1 {\r\n        background: #d382af;\r\n        margin-bottom: 50px;\r\n    }\r\n    .btn2 {\r\n        background: #ab1b40;\r\n    }\r\n    .btn3 {\r\n        margin-right: 0;\r\n        margin-bottom: 50px;\r\n        background: #662f8e;\r\n    }\r\n}\r\n.about {\r\n    border-radius: 20px;\r\n    .left {\r\n        margin: 0px auto;\r\n    }\r\n    .avatar-uploader {\r\n        display: inline-block;\r\n        margin: 0;\r\n    }\r\n    .img-con {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n    }\r\n    .img-con > div {\r\n        padding: 30px 40px;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        margin-bottom: 10px;\r\n        background: #000;\r\n    }\r\n    .img-box1 {\r\n        width: 400px;\r\n        height: 400px;\r\n        position: relative;\r\n        margin-bottom: 50px;\r\n        position: relative;\r\n        background: white;\r\n        .btn {\r\n            position: absolute;\r\n            width: 30px;\r\n            height: 24px;\r\n            background: url(\"../assets/arr.png\");\r\n            background-size: 100% 100%;\r\n            &.left {\r\n                top: 50%;\r\n                left: -27px;\r\n                margin-top: -15px;\r\n                transform: rotate(90deg);\r\n            }\r\n            &.top {\r\n                top: -24px;\r\n                left: 50%;\r\n                margin-left: -15px;\r\n                transform: rotate(180deg);\r\n            }\r\n            &.right {\r\n                transform: rotate(270deg);\r\n                top: 50%;\r\n                right: -27px;\r\n                margin-top: -15px;\r\n                padding: 0;\r\n            }\r\n            &.bottom {\r\n                bottom: -24px;\r\n                left: 50%;\r\n                margin-left: -15px;\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n        canvas {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n        .drag-it-dude {\r\n            border: 5px solid #eeeeee;\r\n        }\r\n    }\r\n    .img-box2 {\r\n        margin-bottom: 25px;\r\n        width: 400px;\r\n        height: 400px;\r\n        background: white;\r\n        canvas {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n    }\r\n    .s-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n    }\r\n    .style-list {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        .list-name {\r\n            width: 150px;\r\n            text-align: left;\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 20px;\r\n        }\r\n        .w100{\r\n            width: 100px;\r\n        }\r\n        .silder {\r\n            width: 250px;\r\n        }\r\n    }\r\n    .right {\r\n        padding: 30px 40px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        margin: 20px auto;\r\n        background: #000;\r\n        .resImg {\r\n            margin-bottom: 10px;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: white;\r\n            img {\r\n                width: 100%;\r\n            }\r\n        }\r\n        .rignt-btn {\r\n            width: 300px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            .button-step {\r\n                margin-bottom: 20px;\r\n            }\r\n            .btn-text {\r\n                color: white;\r\n                font-size: 24px;\r\n                text-align: center;\r\n                p {\r\n                    margin: 0;\r\n                    &.text-top {\r\n                        margin: 20px 0 10px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=216223eb&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport VueRouter from 'vue-router'\r\nimport About from '../views/About.vue'\r\n\r\nVue.use(VueRouter)\r\n\r\nconst routes = [\r\n  { path: '/', redirect: '/RenderEngine'},\r\n  {\r\n    path: '/RenderEngine',\r\n    name: 'About',\r\n    component: About,\r\n  }\r\n]\r\n\r\nconst router = new VueRouter({\r\n  base: process.env.BASE_URL,\r\n  routes\r\n})\r\n\r\nexport default router\r\n","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport axios from 'axios'\r\nVue.prototype.$axios = axios \r\nimport { Button, Upload, Slider, Switch, Radio  } from 'element-ui';\r\nimport 'lib-flexible'\r\n\r\nVue.use(Upload)\r\nVue.use(Slider)\r\nVue.use(Switch)\r\nVue.use(Button)\r\nVue.use(Radio)\r\n\r\nVue.config.productionTip = false\r\n\r\nnew Vue({\r\n  router,\r\n  render: h => h(App)\r\n}).$mount('#app')\r\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}