1 line
58 KiB
Plaintext
1 line
58 KiB
Plaintext
{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/CropperImage.vue?1271","webpack:///./src/components/SnakeBar/SnakeBar.vue?9ce6","webpack:///./src/views/Home.vue?ca08","webpack:///./src/App.vue?0321","webpack:///./src/App.vue","webpack:///./src/registerServiceWorker.js","webpack:///./src/router/index.js","webpack:///./src/store/index.js","webpack:///./src/components/Logo.vue?b980","webpack:///src/components/Logo.vue","webpack:///./src/components/Logo.vue?9a76","webpack:///./src/components/Logo.vue","webpack:///./src/components/SnakeBar/SnakeBar.vue?c1ee","webpack:///src/components/SnakeBar/SnakeBar.vue","webpack:///./src/components/SnakeBar/SnakeBar.vue?8ba2","webpack:///./src/components/SnakeBar/SnakeBar.vue","webpack:///./src/components/SnakeBar/index.js","webpack:///./src/main.js","webpack:///./src/App.vue?f446","webpack:///./src/svg sync ./node_modules/_xml-loader@1.1.0@xml-loader ^\\.\\/.*\\.svg$","webpack:///./src/svg/left_arrow.svg","webpack:///./src/views/Home.vue?a2bb","webpack:///./src/components/CropperImage.vue?8957","webpack:///src/components/CropperImage.vue","webpack:///./src/components/CropperImage.vue?af5e","webpack:///./src/components/CropperImage.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?2b8c","webpack:///./src/views/Home.vue"],"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","render","_vm","this","_h","$createElement","_c","_self","attrs","$route","meta","_e","keepAlive","staticRenderFns","script","component","register","ready","console","log","registered","cached","updatefound","updated","offline","error","Vue","use","VueRouter","routes","path","redirect","hidden","router","base","process","Vuex","Store","state","mutations","actions","stroke","fill","computed","staticClass","class","snack_bar_class","_v","_s","msg","props","methods","content","setTimeout","openSnackBar","watch","components","instance","SnakeBarConstructor","extend","SnakeBar","seed","index","eleList","install","id","alertMsg","options","propsData","vm","$mount","document","body","appendChild","$el","removeChild","style","zIndex","setHtmlFontSize","htmlWidth","documentElement","clientWidth","htmlDom","getElementsByTagName","fontSize","onresize","config","productionTip","VueCropper","Icon","CustedLogo","store","h","App","map","webpackContext","req","webpackContextResolve","e","Error","code","keys","resolve","on","back","ref","img","_m","selectImg","staticStyle","$event","manageImg","option","outputSize","outputType","info","canScale","autoCrop","autoCropWidth","autoCropHeight","fixed","fixedNumber","full","fixedBox","canMove","canMoveBox","original","centerBox","height","infoTrue","maxImgSize","enlarge","realTime","imgLoad","changeScale","rotateLeft","rotateRight","donwloadImg","previews","num","$refs","cropper","width","Promise","Image","src","onload","canvas","createElement","setAttribute","ctx","drawImage","res","toDataURL","zipImg","getCropData","async","then","a","href","download","click","upload","uploads","file","target","files","test","$snakebar","reader","FileReader","URL","createObjectURL","Blob","readAsDataURL"],"mappings":"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","file":"js/app.6f7c4cba.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","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!./CropperImage.vue?vue&type=style&index=0&id=a7e6d032&scoped=true&lang=scss&\"","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!./SnakeBar.vue?vue&type=style&index=0&id=6de0334b&scoped=true&lang=scss&\"","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!./Home.vue?vue&type=style&index=0&id=77a1bcfd&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('keep-alive',[(this.$route.meta.keepAlive)?_c('router-view'):_vm._e()],1),(!this.$route.meta.keepAlive)?_c('router-view'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=09f55170&\"\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","/* eslint-disable no-console */\n\nimport { register } from 'register-service-worker'\n\nif (process.env.NODE_ENV === 'production') {\n register(`${process.env.BASE_URL}service-worker.js`, {\n ready () {\n console.log(\n 'App is being served from cache by a service worker.\\n' +\n 'For more details, visit https://goo.gl/AFskqB'\n )\n },\n registered () {\n console.log('Service worker has been registered.')\n },\n cached () {\n console.log('Content has been cached for offline use.')\n },\n updatefound () {\n console.log('New content is downloading.')\n },\n updated () {\n console.log('New content is available; please refresh.')\n },\n offline () {\n console.log('No internet connection found. App is running in offline mode.')\n },\n error (error) {\n console.error('Error during service worker registration:', error)\n }\n })\n}\n","import Vue from 'vue'\nimport VueRouter from 'vue-router'\nimport Home from '../views/Home.vue'\n\nVue.use(VueRouter)\n\nconst routes = [\n {\n path: '/',\n name: 'Home',\n component: () => import( /* webpackChunkName: \"home\" */ '../views/Home.vue')\n },\n {\n\t\tpath: '*', // 页面不存在的情况下会跳到home\n\t\tredirect: '/',\n\t\tname: 'notFound',\n\t\thidden: true\n\t}\n]\n\nconst router = new VueRouter({\n mode: 'history',\n base: process.env.BASE_URL,\n routes\n})\n\nexport default router\n","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n },\n mutations: {\n },\n actions: {\n },\n modules: {\n }\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"version\":\"1.1\",\"id\":\"图层_1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 200 200\",\"enable-background\":\"new 0 0 200 200\",\"xml:space\":\"preserve\"}},[_c('path',{attrs:{\"fill\":_vm.stroke,\"id\":\"左耳\",\"d\":\"M68.2,87.3h19.2l-6.7-13.8c0,0-0.3-1.5-2.8-1.5c-2.6,0-2.8,1.3-2.8,1.3L68.2,87.3z\"}}),_c('path',{attrs:{\"fill\":_vm.stroke,\"id\":\"右耳\",\"d\":\"M111.2,87.6h19.2l-6.7-13.8c0,0-0.3-1.5-2.8-1.5c-2.6,0-2.8,1.3-2.8,1.3L111.2,87.6z\"}}),_c('path',{attrs:{\"id\":\"身材\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"5\",\"stroke-miterlimit\":\"10\",\"d\":\"M128.6,92.1c2.4,0,6.1,4.6,6.1,4.6\\n\\ts0,21.1,0,23.8s-4.6,5.3-4.6,5.3s-56.3,0-59,0s-6.5-5-6.5-5s0-20.4,0-23.3s4.4-5.3,4.4-5.3S126.2,92.1,128.6,92.1z\"}}),_c('rect',{attrs:{\"x\":\"87.5\",\"y\":\"89\",\"fill\":_vm.fill,\"width\":\"3.1\",\"height\":\"43\"}}),_c('path',{attrs:{\"id\":\"U\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"d\":\"M72.7,102.3c0,0,0,10,0,11.5s1.4,1.5,1.4,1.5\\n\\th4.4c0,0,1.8,0,1.8-1.5s0-11.5,0-11.5\"}}),_c('line',{attrs:{\"id\":\"T1\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"x1\":\"95.3\",\"y1\":\"104\",\"x2\":\"104.5\",\"y2\":\"104\"}}),_c('line',{attrs:{\"id\":\"T2\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"x1\":\"99.9\",\"y1\":\"117\",\"x2\":\"99.9\",\"y2\":\"104\"}}),_c('path',{attrs:{\"id\":\"E1\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"d\":\"M116.1,104.1l-6.9-0.2c0,0-1.1,0.1-1.1,1.5\\n\\ts0,6.8,0,8.3s0.8,1.5,0.8,1.5h7.2\"}}),_c('line',{attrs:{\"id\":\"E2\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"x1\":\"116.2\",\"y1\":\"109.8\",\"x2\":\"106.7\",\"y2\":\"109.8\"}}),_c('rect',{attrs:{\"x\":\"124.5\",\"y\":\"85.3\",\"transform\":\"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)\",\"fill\":_vm.fill,\"width\":\"2.7\",\"height\":\"43\"}}),_c('rect',{attrs:{\"x\":\"124.1\",\"y\":\"90.9\",\"transform\":\"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)\",\"fill\":_vm.fill,\"width\":\"2.6\",\"height\":\"43\"}}),_c('polygon',{attrs:{\"id\":\"D\",\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"points\":\"120,104.1 124.7,104.1 127.5,106.8 \\n\\t127.5,112.3 125.4,115.2 120,115.2 \"}}),_c('path',{attrs:{\"fill\":\"none\",\"stroke\":_vm.stroke,\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"d\":\"M93.3,104h-6.1c0,0-1.4,0.1-1.4,1.6s0,2.5,0,2.5\\n\\ts0,1.5,1.3,1.5s3.1,0,3.1,0s1.7,0.1,1.7,1.7s0,1.1,0,2.5c0,1.4-1.4,1.4-1.4,1.4h-6.1\"}}),_c('rect',{attrs:{\"x\":\"87.4\",\"y\":\"106.9\",\"fill\":_vm.fill,\"width\":\"3.1\",\"height\":\"5.8\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <!--Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)-->\r\n <svg\r\n version=\"1.1\"\r\n id=\"图层_1\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n x=\"0px\"\r\n y=\"0px\"\r\n viewBox=\"0 0 200 200\"\r\n enable-background=\"new 0 0 200 200\"\r\n xml:space=\"preserve\"\r\n >\r\n <!-- <image display=\"none\" overflow=\"visible\" width=\"389\" height=\"292\" xlink:href=\"E40720C9.png\" transform=\"matrix(0.24 0 0 0.24 53 65)\"/> -->\r\n <path\r\n :fill=\"stroke\"\r\n id=\"左耳\"\r\n d=\"M68.2,87.3h19.2l-6.7-13.8c0,0-0.3-1.5-2.8-1.5c-2.6,0-2.8,1.3-2.8,1.3L68.2,87.3z\"\r\n />\r\n <path\r\n :fill=\"stroke\"\r\n id=\"右耳\"\r\n d=\"M111.2,87.6h19.2l-6.7-13.8c0,0-0.3-1.5-2.8-1.5c-2.6,0-2.8,1.3-2.8,1.3L111.2,87.6z\"\r\n />\r\n <path\r\n id=\"身材\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"5\"\r\n stroke-miterlimit=\"10\"\r\n d=\"M128.6,92.1c2.4,0,6.1,4.6,6.1,4.6\r\n\ts0,21.1,0,23.8s-4.6,5.3-4.6,5.3s-56.3,0-59,0s-6.5-5-6.5-5s0-20.4,0-23.3s4.4-5.3,4.4-5.3S126.2,92.1,128.6,92.1z\"\r\n />\r\n <rect x=\"87.5\" y=\"89\" :fill=\"fill\" width=\"3.1\" height=\"43\" />\r\n <path\r\n id=\"U\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n d=\"M72.7,102.3c0,0,0,10,0,11.5s1.4,1.5,1.4,1.5\r\n\th4.4c0,0,1.8,0,1.8-1.5s0-11.5,0-11.5\"\r\n />\r\n <line\r\n id=\"T1\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n x1=\"95.3\"\r\n y1=\"104\"\r\n x2=\"104.5\"\r\n y2=\"104\"\r\n />\r\n <line\r\n id=\"T2\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n x1=\"99.9\"\r\n y1=\"117\"\r\n x2=\"99.9\"\r\n y2=\"104\"\r\n />\r\n <path\r\n id=\"E1\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n d=\"M116.1,104.1l-6.9-0.2c0,0-1.1,0.1-1.1,1.5\r\n\ts0,6.8,0,8.3s0.8,1.5,0.8,1.5h7.2\"\r\n />\r\n <line\r\n id=\"E2\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n x1=\"116.2\"\r\n y1=\"109.8\"\r\n x2=\"106.7\"\r\n y2=\"109.8\"\r\n />\r\n <rect\r\n x=\"124.5\"\r\n y=\"85.3\"\r\n transform=\"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)\"\r\n :fill=\"fill\"\r\n width=\"2.7\"\r\n height=\"43\"\r\n />\r\n <rect\r\n x=\"124.1\"\r\n y=\"90.9\"\r\n transform=\"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)\"\r\n :fill=\"fill\"\r\n width=\"2.6\"\r\n height=\"43\"\r\n />\r\n <polygon\r\n id=\"D\"\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n points=\"120,104.1 124.7,104.1 127.5,106.8 \r\n\t127.5,112.3 125.4,115.2 120,115.2 \"\r\n />\r\n <path\r\n fill=\"none\"\r\n :stroke=\"stroke\"\r\n stroke-width=\"3\"\r\n stroke-miterlimit=\"10\"\r\n d=\"M93.3,104h-6.1c0,0-1.4,0.1-1.4,1.6s0,2.5,0,2.5\r\n\ts0,1.5,1.3,1.5s3.1,0,3.1,0s1.7,0.1,1.7,1.7s0,1.1,0,2.5c0,1.4-1.4,1.4-1.4,1.4h-6.1\"\r\n />\r\n <rect x=\"87.4\" y=\"106.9\" :fill=\"fill\" width=\"3.1\" height=\"5.8\" />\r\n </svg>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nexport default {\r\n name: \"CustedLogo\",\r\n computed: {\r\n stroke: function () {\r\n return \"#249cff\";\r\n },\r\n fill: function () {\r\n return \"#fff\";\r\n },\r\n },\r\n};\r\n</script>","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!./Logo.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!./Logo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Logo.vue?vue&type=template&id=5b5ee388&\"\nimport script from \"./Logo.vue?vue&type=script&lang=js&\"\nexport * from \"./Logo.vue?vue&type=script&lang=js&\"\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:\"snake-bar\",class:_vm.snack_bar_class},[_c('div',{staticClass:\"warp\"},[_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.msg))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"snake-bar\" :class=\"snack_bar_class\">\r\n <div class=\"warp\">\r\n <div class=\"content\">{{msg}}</div>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: \"SnakeBar\",\r\n props: [\"msg\"],\r\n data() {\r\n return {\r\n snack_bar_class: \"\"\r\n };\r\n },\r\n computed: {},\r\n methods: {\r\n openSnackBar(content) {\r\n this.snack_bar_class = \"higher-snake-bar\";\r\n setTimeout(() => {\r\n this.snack_bar_class = \"lower-snake-bar\";\r\n }, 2500);\r\n },\r\n },\r\n created() {\r\n this.openSnackBar();\r\n },\r\n mounted() {},\r\n watch: {},\r\n beforeDestroy() {},\r\n components: {},\r\n activated() {}\r\n};\r\n</script>\r\n<style scoped lang=\"scss\" type=\"text/scss\">\r\n.snake-bar {\r\n position: fixed;\r\n left: 0;\r\n bottom: -1.2rem;\r\n width: 100%;\r\n .warp {\r\n width: 100%;\r\n max-width: 1024px;\r\n margin: 0 auto;\r\n height: 1.2rem;\r\n background: #ebf6ff;\r\n .content {\r\n margin-left: 0.3rem;\r\n padding-left: 0.3rem;\r\n font-size: 0.35rem;\r\n line-height: 1.2rem;\r\n letter-spacing: 2px;\r\n color: #249cff;\r\n }\r\n }\r\n}\r\n.higher-snake-bar {\r\n animation: snakeToHigh 0.5s ease;\r\n animation-fill-mode: forwards;\r\n}\r\n\r\n.lower-snake-bar {\r\n animation: snakeToLow 0.5s ease;\r\n animation-fill-mode: forwards;\r\n}\r\n\r\n@keyframes snakeToHigh {\r\n 0% {\r\n bottom: -1.2rem;\r\n }\r\n 100% {\r\n bottom: 0rem;\r\n }\r\n}\r\n\r\n@keyframes snakeToLow {\r\n 0% {\r\n bottom: 0rem;\r\n }\r\n 100% {\r\n bottom: -1.2rem;\r\n }\r\n}\r\n</style>\r\n","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!./SnakeBar.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!./SnakeBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SnakeBar.vue?vue&type=template&id=6de0334b&scoped=true&\"\nimport script from \"./SnakeBar.vue?vue&type=script&lang=js&\"\nexport * from \"./SnakeBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SnakeBar.vue?vue&type=style&index=0&id=6de0334b&scoped=true&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 \"6de0334b\",\n null\n \n)\n\nexport default component.exports","import SnakeBar from './SnakeBar.vue'\r\nimport Vue from 'vue'\r\nlet SnakeBarConstructor = Vue.extend(SnakeBar)\r\nlet instance\r\nlet seed = 1\r\nlet index = 2000\r\nlet eleList = []\r\nconst install = () => {\r\n Object.defineProperty(Vue.prototype, '$snakebar', {\r\n get () {\r\n let id = 'snakebar_' + seed++\r\n const alertMsg = options => {\r\n instance = new SnakeBarConstructor({\r\n propsData: {msg:options}\r\n })\r\n index++\r\n instance.id = id\r\n instance.vm = instance.$mount()\r\n document.body.appendChild(instance.vm.$el)\r\n eleList.push(instance.vm.$el)\r\n setTimeout(()=> {\r\n document.body.removeChild(eleList.shift())\r\n },3000)\r\n instance.vm.$el.style.zIndex = index\r\n return instance.vm\r\n }\r\n return alertMsg\r\n }\r\n })\r\n}\r\nexport default install","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport './registerServiceWorker'\r\nimport router from './router'\r\nimport store from './store'\r\n\r\n//px2rem\r\nfunction setHtmlFontSize() {\r\n const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth\r\n const htmlDom = document.getElementsByTagName('html')[0]\r\n if (htmlWidth >= 500) htmlDom.style.fontSize = 500 / 10 + 'px'\r\n else htmlDom.style.fontSize = htmlWidth / 10 + 'px'\r\n}\r\nsetHtmlFontSize();\r\nonresize = setHtmlFontSize\r\n\r\nVue.config.productionTip = false\r\n\r\nimport VueCropper from 'vue-cropper' \r\nVue.use(VueCropper)\r\n\r\n// icon-loader\r\nimport Icon from 'vue-svg-icon/Icon.vue'\r\nVue.component('icon', Icon);\r\n\r\nimport CustedLogo from './components/Logo.vue'\r\nVue.component('custedLogo', CustedLogo)\r\n\r\n// 自己写的snakebar组件\r\nimport SnakeBar from '@/components/SnakeBar/index'\r\nVue.use(SnakeBar)\r\n\r\nnew Vue({\r\n router,\r\n store,\r\n render: h => h(App)\r\n}).$mount('#app')\r\n","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&\"","var map = {\n\t\"./left_arrow.svg\": \"7992\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"7126\";","module.exports = {\"svg\":{\"$\":{\"t\":\"1592540000470\",\"class\":\"icon\",\"viewBox\":\"0 0 1024 1024\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"p-id\":\"6373\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"200\",\"height\":\"200\"},\"defs\":[{\"style\":[{\"$\":{\"type\":\"text/css\"}}]}],\"path\":[{\"$\":{\"d\":\"M783.872 542.122667l-0.042667-64.405334-477.610666-0.298666 225.28-225.322667-45.568-45.568L182.506667 509.952l303.829333 303.829333 45.525333-45.504-226.474666-226.453333 478.506666 0.298667z\",\"p-id\":\"6374\",\"fill\":\"#494e5e\"}}]}}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home\"},[(_vm.img)?[_c('header',[_c('div',{staticClass:\"warp\"},[_c('div',{on:{\"click\":_vm.back}},[_c('icon',{staticClass:\"back\",attrs:{\"name\":\"left_arrow\"}})],1),_c('p',[_vm._v(\"图片压缩\")])])]),_c('cropper-image',{ref:\"child\",attrs:{\"img\":_vm.img}})]:_c('main',[_c('div',{staticClass:\"logo-box\"},[_c('custedLogo',{staticClass:\"logo\"})],1),_c('div',{staticClass:\"title\"},[_vm._v(\"护士执业资格考试\")]),_vm._m(0),_c('div',{staticClass:\"btn-submit\",on:{\"click\":_vm.selectImg}},[_vm._v(\"选择图片\")]),_c('input',{ref:\"uploads\",staticStyle:{\"position\":\"absolute\",\"clip\":\"rect(0 0 0 0)\"},attrs:{\"type\":\"file\",\"accept\":\"image/png, image/jpeg, image/gif, image/jpg\"},on:{\"change\":function($event){return _vm.manageImg($event)}}})]),_vm._m(1)],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tip-box\"},[_c('div',{staticClass:\"tip-line\"},[_c('div',{staticClass:\"tip-title\"},[_vm._v(\"冲印尺寸\")]),_c('div',{staticClass:\"tip-content\"},[_vm._v(\"25mm x 35mm\")])]),_c('div',{staticClass:\"tip-line\"},[_c('div',{staticClass:\"tip-title\"},[_vm._v(\"像素尺寸\")]),_c('div',{staticClass:\"tip-content\"},[_vm._v(\"295 x 413 px\")])]),_c('div',{staticClass:\"tip-line\"},[_c('div',{staticClass:\"tip-title\"},[_vm._v(\"分辨率\")]),_c('div',{staticClass:\"tip-content\"},[_vm._v(\"300 DPI\")])]),_c('div',{staticClass:\"tip-line\"},[_c('div',{staticClass:\"tip-title\"},[_vm._v(\"背景色\")]),_c('div',{staticClass:\"tip-content\"},[_vm._v(\"白色\")])]),_c('div',{staticClass:\"tip-line\"},[_c('div',{staticClass:\"tip-title\"},[_vm._v(\"文件大小\")]),_c('div',{staticClass:\"tip-content\"},[_vm._v(\"小于100kb\")])]),_c('div',{staticClass:\"tip-line\"},[_c('div',{staticClass:\"tip-title\"},[_vm._v(\"其他\")]),_c('div',{staticClass:\"tip-content\"},[_vm._v(\" 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然 \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',[_c('a',{attrs:{\"href\":\"http://beian.miit.gov.cn/\"}},[_c('p',[_vm._v(\"吉ICP备18005655号\")])]),_c('p',[_vm._v(\"Copyright © 2020 小单同学\")]),_c('p',[_vm._v(\"All Rights Reserved\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cropper-box\"},[_c('div',{staticClass:\"cropper\"},[_c('vue-cropper',{ref:\"cropper\",attrs:{\"img\":_vm.option.img,\"outputSize\":_vm.option.outputSize,\"outputType\":_vm.option.outputType,\"info\":_vm.option.info,\"canScale\":_vm.option.canScale,\"autoCrop\":_vm.option.autoCrop,\"autoCropWidth\":_vm.option.autoCropWidth,\"autoCropHeight\":_vm.option.autoCropHeight,\"fixed\":_vm.option.fixed,\"fixedNumber\":_vm.option.fixedNumber,\"full\":_vm.option.full,\"fixedBox\":_vm.option.fixedBox,\"canMove\":_vm.option.canMove,\"canMoveBox\":_vm.option.canMoveBox,\"original\":_vm.option.original,\"centerBox\":_vm.option.centerBox,\"height\":_vm.option.height,\"infoTrue\":_vm.option.infoTrue,\"maxImgSize\":_vm.option.maxImgSize,\"enlarge\":_vm.option.enlarge,\"mode\":_vm.option.mode},on:{\"realTime\":_vm.realTime,\"imgLoad\":_vm.imgLoad}})],1),_c('footer',[_c('div',{staticClass:\"scope-btn\"},[_c('div',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.changeScale(1)}}},[_vm._v(\"放大\")]),_c('div',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.changeScale(-1)}}},[_vm._v(\"缩小\")]),_c('div',{staticClass:\"btn\",on:{\"click\":_vm.rotateLeft}},[_vm._v(\"↺ 左旋转\")]),_c('div',{staticClass:\"btn\",on:{\"click\":_vm.rotateRight}},[_vm._v(\"↻ 右旋转\")])]),_c('div',{staticClass:\"upload-btn\"},[_c('div',{staticClass:\"btn-submit\",on:{\"click\":function($event){return _vm.donwloadImg()}}},[_vm._v(\"压缩图片并下载\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div class=\"cropper-box\">\n <div class=\"cropper\">\n <vue-cropper\n ref=\"cropper\"\n :img=\"option.img\"\n :outputSize=\"option.outputSize\"\n :outputType=\"option.outputType\"\n :info=\"option.info\"\n :canScale=\"option.canScale\"\n :autoCrop=\"option.autoCrop\"\n :autoCropWidth=\"option.autoCropWidth\"\n :autoCropHeight=\"option.autoCropHeight\"\n :fixed=\"option.fixed\"\n :fixedNumber=\"option.fixedNumber\"\n :full=\"option.full\"\n :fixedBox=\"option.fixedBox\"\n :canMove=\"option.canMove\"\n :canMoveBox=\"option.canMoveBox\"\n :original=\"option.original\"\n :centerBox=\"option.centerBox\"\n :height=\"option.height\"\n :infoTrue=\"option.infoTrue\"\n :maxImgSize=\"option.maxImgSize\"\n :enlarge=\"option.enlarge\"\n :mode=\"option.mode\"\n @realTime=\"realTime\"\n @imgLoad=\"imgLoad\"\n >\n </vue-cropper>\n </div>\n <!--底部操作工具按钮-->\n <footer>\n <div class=\"scope-btn\">\n <div class=\"btn\" @click=\"changeScale(1)\">放大</div>\n <div class=\"btn\" @click=\"changeScale(-1)\">缩小</div>\n <div class=\"btn\" @click=\"rotateLeft\">↺ 左旋转</div>\n <div class=\"btn\" @click=\"rotateRight\">↻ 右旋转</div>\n </div>\n <div class=\"upload-btn\">\n <div class=\"btn-submit\" @click=\"donwloadImg()\">压缩图片并下载</div>\n </div>\n </footer>\n </div>\n</template>\n\n<script>\nimport { VueCropper } from \"vue-cropper\";\nimport \"lrz\";\nexport default {\n name: \"CropperImage\",\n components: {\n VueCropper,\n },\n props: [\"img\"],\n data() {\n return {\n previews: {},\n option: {\n img: this.img, //裁剪图片的地址\n outputSize: 1, //裁剪生成图片的质量(可选0.1 - 1)\n outputType: \"png\", //裁剪生成图片的格式（jpeg || png || webp）\n info: false, //图片大小信息\n canScale: true, //图片是否允许滚轮缩放\n autoCrop: true, //是否默认生成截图框\n autoCropWidth: 200, //默认生成截图框宽度\n autoCropHeight: 280, //默认生成截图框高度\n fixed: true, //是否开启截图框宽高固定比例\n fixedNumber: [5, 7], //截图框的宽高比例\n full: false, //false按原比例裁切图片，不失真\n fixedBox: false, //固定截图框大小，不允许改变\n canMove: false, //上传图片是否可以移动\n canMoveBox: true, //截图框能否拖动\n original: false, //上传图片按照原始比例渲染\n centerBox: true, //截图框是否被限制在图片里面\n height: true, //是否按照设备的dpr 输出等比例图片\n infoTrue: false, //true为展示真实输出图片宽高，false展示看到的截图框宽高\n maxImgSize: 3000, //限制图片最大宽度和高度\n enlarge: 1, //图片根据截图框输出比例倍数\n mode: \"200px 280px\", //图片默认渲染方式\n },\n };\n },\n methods: {\n //初始化函数\n imgLoad(msg) {\n console.log(\"工具初始化函数=====\" + msg);\n },\n //图片缩放\n changeScale(num) {\n num = num || 1;\n this.$refs.cropper.changeScale(num);\n },\n //向左旋转\n rotateLeft() {\n this.$refs.cropper.rotateLeft();\n },\n //向右旋转\n rotateRight() {\n this.$refs.cropper.rotateRight();\n },\n //实时预览函数\n realTime(data) {\n this.previews = data;\n },\n // 压缩图片\n zipImg(data, width, height) {\n return new Promise((resolve) => {\n // 创建图片对象\n const img = new Image();\n // 用图片对象加载读入的base64\n img.src = data;\n img.onload = () => {\n const canvas = document.createElement(\"canvas\"),\n ctx = canvas.getContext(\"2d\");\n canvas.setAttribute(\"width\", width);\n canvas.setAttribute(\"height\", height);\n // 将图片画入canvas\n ctx.drawImage(img, 0, 0, width, height);\n const res = canvas.toDataURL(\"image/png\");\n console.log(res.length / 1024 / 1024);\n if (res.length / 1024 / 1024 > 0.1) {\n console.log(1, width, height);\n resolve(this.zipImg(data, width * 0.9, height * 0.9));\n } else {\n console.log(2, width, height);\n resolve(res);\n }\n };\n });\n },\n //下载\n donwloadImg() {\n //获取截图的base64数据\n this.$refs.cropper.getCropData(async (data) => {\n this.zipImg(data, 295, 413).then((res) => {\n console.log(res.length / 1024 / 1024);\n const a = document.createElement(\"a\");\n a.href = res; //图片地址\n a.download = \"护士执业资格考试.png\";\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n });\n });\n },\n selectImg() {\n this.$refs.upload.click();\n },\n },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.cropper-box {\n flex: 1;\n width: 100%;\n margin-top: 2rem;\n .cropper {\n width: auto;\n height: 300px;\n }\n}\n\nfooter {\n padding: 0.5rem;\n box-sizing: border-box;\n .scope-btn {\n margin-top: 0.5rem;\n display: flex;\n justify-content: space-between;\n .btn {\n outline: none;\n display: inline-block;\n line-height: 1;\n white-space: nowrap;\n cursor: pointer;\n -webkit-appearance: none;\n text-align: center;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n outline: 0;\n -webkit-transition: 0.1s;\n transition: 0.1s;\n padding: 0.2rem 0.4rem;\n font-size: 0.3rem;\n border-radius: 3px;\n color: #fff;\n background-color: #409eff;\n border-color: #409eff;\n }\n }\n .btn-submit {\n margin-top: 1rem;\n border-radius: 1rem;\n height: 1rem;\n font-size: 0.4rem;\n font-weight: 400;\n text-align: center;\n line-height: 1rem;\n color: #fff;\n background: linear-gradient(to right, #3aa5fc, #20d6fa);\n }\n}\n</style>\n","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!./CropperImage.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!./CropperImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CropperImage.vue?vue&type=template&id=a7e6d032&scoped=true&\"\nimport script from \"./CropperImage.vue?vue&type=script&lang=js&\"\nexport * from \"./CropperImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CropperImage.vue?vue&type=style&index=0&id=a7e6d032&scoped=true&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 \"a7e6d032\",\n null\n \n)\n\nexport default component.exports","<template>\n <div class=\"home\">\n <template v-if=\"img\">\n <header>\n <div class=\"warp\">\n <div @click=\"back\">\n <icon name=\"left_arrow\" class=\"back\"></icon>\n </div>\n <p>图片压缩</p>\n </div>\n </header>\n <cropper-image ref=\"child\" :img=\"img\"></cropper-image>\n </template>\n <main v-else>\n <div class=\"logo-box\">\n <!-- <img src=\"../assets/cherry.png\" /> -->\n <custedLogo class=\"logo\"></custedLogo>\n </div>\n <div class=\"title\">护士执业资格考试</div>\n <div class=\"tip-box\">\n <div class=\"tip-line\">\n <div class=\"tip-title\">冲印尺寸</div>\n <div class=\"tip-content\">25mm x 35mm</div>\n </div>\n <div class=\"tip-line\">\n <div class=\"tip-title\">像素尺寸</div>\n <div class=\"tip-content\">295 x 413 px</div>\n </div>\n <div class=\"tip-line\">\n <div class=\"tip-title\">分辨率</div>\n <div class=\"tip-content\">300 DPI</div>\n </div>\n <div class=\"tip-line\">\n <div class=\"tip-title\">背景色</div>\n <div class=\"tip-content\">白色</div>\n </div>\n <div class=\"tip-line\">\n <div class=\"tip-title\">文件大小</div>\n <div class=\"tip-content\">小于100kb</div>\n </div>\n <div class=\"tip-line\">\n <div class=\"tip-title\">其他</div>\n <div class=\"tip-content\">\n 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然\n </div>\n </div>\n </div>\n <div class=\"btn-submit\" @click=\"selectImg\">选择图片</div>\n <input\n type=\"file\"\n ref=\"uploads\"\n style=\"position: absolute; clip: rect(0 0 0 0)\"\n accept=\"image/png, image/jpeg, image/gif, image/jpg\"\n @change=\"manageImg($event)\"\n />\n </main>\n\n <footer>\n <a href=\"http://beian.miit.gov.cn/\"> <p>吉ICP备18005655号</p> </a>\n <p>Copyright © 2020 小单同学</p>\n <p>All Rights Reserved</p>\n </footer>\n </div>\n</template>\n\n<script>\nimport CropperImage from \"@/components/CropperImage.vue\";\n\nexport default {\n name: \"Home\",\n components: { CropperImage },\n data() {\n return {\n img: null,\n };\n },\n methods: {\n back() {\n this.img = null;\n },\n selectImg() {\n this.$refs.uploads.click();\n },\n // 上传图片\n manageImg: async function (e) {\n let file = e.target.files[0];\n if (!/\\.(jpg|jpeg|png|JPG|PNG)$/.test(e.target.value)) {\n this.$snakebar(\"图片类型要求：jpeg、jpg、png\");\n return false;\n }\n //转化为blob\n let reader = new FileReader();\n reader.onload = (e) => {\n let data;\n if (typeof e.target.result === \"object\") {\n data = window.URL.createObjectURL(new Blob([e.target.result]));\n } else {\n data = e.target.result;\n }\n this.img = data;\n };\n //转化为base64\n reader.readAsDataURL(file);\n },\n },\n};\n</script>\n<style scoped lang=\"scss\" type=\"text/scss\">\n.home {\n width: 100%;\n max-width: 1024px;\n margin: 0 auto;\n min-height: 100vh;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;\n background-color: #fff;\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n .warp {\n background-color: #fff;\n width: 100%;\n max-width: 1024px;\n margin: 0 auto;\n height: 1.4rem;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;\n border-bottom: 1px solid #f3f3f3;\n .back {\n float: left;\n margin: 0.35rem 0.3rem;\n height: 0.7rem;\n width: 0.7rem;\n }\n p {\n font-size: 0.45rem;\n color: #494e5e;\n line-height: 1.4rem;\n width: 7rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n }\n .logo-box {\n height: 3rem;\n margin-top: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n .logo {\n height: 5rem;\n width: 5rem;\n }\n img {\n display: block;\n height: 3rem;\n width: 3rem;\n margin: 0 auto;\n }\n }\n .title {\n text-align: center;\n color: #303133;\n font-size: 0.6rem;\n }\n .tip-box {\n padding: 0.5rem 1rem;\n box-sizing: border-box;\n margin-top: 1rem;\n .tip-line {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.45rem;\n margin-bottom: 0.2rem;\n .tip-title {\n flex: 1;\n color: #c0c4cc;\n }\n .tip-content {\n flex: 3;\n text-align: right;\n color: #606266;\n }\n }\n }\n .btn-submit {\n margin: 1.5rem 1rem;\n margin-top: 0.5rem;\n border-radius: 1rem;\n height: 1rem;\n font-size: 0.4rem;\n font-weight: 400;\n text-align: center;\n line-height: 1rem;\n color: #fff;\n background: linear-gradient(to right, #3aa5fc, #20d6fa);\n }\n footer {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding-bottom: 0.3rem;\n p {\n text-align: center;\n font-size: 0.25rem;\n margin-bottom: 0.2rem;\n color: #989898;\n }\n }\n}\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=77a1bcfd&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=77a1bcfd&scoped=true&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 \"77a1bcfd\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} |