diff --git a/dist/css/app.5a59ad82.css b/dist/css/app.8201cec7.css
similarity index 53%
rename from dist/css/app.5a59ad82.css
rename to dist/css/app.8201cec7.css
index 98d11b0..cece9ce 100644
--- a/dist/css/app.5a59ad82.css
+++ b/dist/css/app.8201cec7.css
@@ -1 +1 @@
-blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}small{font-size:12px}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}button{margin:0;padding:0;background:none;border:none;outline:none}#app{font-family:Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;z-index:-99;top:0;left:0;width:100%;height:100%;min-height:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-box[data-v-a7e6d032]{flex:1;width:100%;margin-top:2rem}.cropper-box .cropper[data-v-a7e6d032]{width:auto;height:300px}footer[data-v-a7e6d032]{padding:.5rem;box-sizing:border-box}footer .scope-btn[data-v-a7e6d032]{margin-top:.5rem;display:flex;justify-content:space-between}footer .scope-btn .btn[data-v-a7e6d032]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;transition:.1s;padding:.2rem .4rem;font-size:.3rem;border-radius:3px;color:#fff;background-color:#409eff;border-color:#409eff}footer .btn-submit[data-v-a7e6d032]{margin-top:1rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home[data-v-276e7b57]{width:100%;max-width:1024px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;background-color:#fff}.home header[data-v-276e7b57]{position:fixed;top:0;left:0;width:100%}.home header .warp[data-v-276e7b57]{background-color:#fff;width:100%;max-width:1024px;margin:0 auto;height:1.4rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;border-bottom:1px solid #f3f3f3}.home header .warp .back[data-v-276e7b57]{float:left;margin:.35rem .3rem;height:.7rem;width:.7rem}.home header .warp p[data-v-276e7b57]{font-size:.45rem;color:#494e5e;line-height:1.4rem;width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .logo-box[data-v-276e7b57]{height:3rem;margin-top:1.4rem;display:flex;align-items:center;justify-content:center}.home .logo-box .logo[data-v-276e7b57]{height:5rem;width:5rem}.home .logo-box img[data-v-276e7b57]{display:block;height:3rem;width:3rem;margin:0 auto}.home .title[data-v-276e7b57]{text-align:center;color:#303133;font-size:.6rem}.home .tip-box[data-v-276e7b57]{padding:.5rem 1rem;box-sizing:border-box;margin-top:1rem}.home .tip-box .tip-line[data-v-276e7b57]{display:flex;align-items:center;justify-content:space-between;font-size:.45rem;margin-bottom:.2rem}.home .tip-box .tip-line .tip-title[data-v-276e7b57]{flex:1;color:#c0c4cc}.home .tip-box .tip-line .tip-content[data-v-276e7b57]{flex:3;text-align:right;color:#606266}.home .btn-submit[data-v-276e7b57]{margin:1.5rem 1rem;margin-top:.5rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home footer[data-v-276e7b57]{position:absolute;bottom:0;left:0;width:100%;padding-bottom:.3rem}.home footer p[data-v-276e7b57]{text-align:center;font-size:.25rem;margin-bottom:.2rem;color:#989898}.snake-bar[data-v-6de0334b]{position:fixed;left:0;bottom:-1.2rem;width:100%}.snake-bar .warp[data-v-6de0334b]{width:100%;max-width:1024px;margin:0 auto;height:1.2rem;background:#ebf6ff}.snake-bar .warp .content[data-v-6de0334b]{margin-left:.3rem;padding-left:.3rem;font-size:.35rem;line-height:1.2rem;letter-spacing:2px;color:#249cff}.higher-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToHigh-data-v-6de0334b .5s ease;animation:snakeToHigh-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.lower-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToLow-data-v-6de0334b .5s ease;animation:snakeToLow-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@-webkit-keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}@keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}
\ No newline at end of file
+blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}small{font-size:12px}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}button{margin:0;padding:0;background:none;border:none;outline:none}#app{font-family:Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;z-index:-99;top:0;left:0;width:100%;height:100%;min-height:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-box[data-v-a7e6d032]{flex:1;width:100%;margin-top:2rem}.cropper-box .cropper[data-v-a7e6d032]{width:auto;height:300px}footer[data-v-a7e6d032]{padding:.5rem;box-sizing:border-box}footer .scope-btn[data-v-a7e6d032]{margin-top:.5rem;display:flex;justify-content:space-between}footer .scope-btn .btn[data-v-a7e6d032]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;transition:.1s;padding:.2rem .4rem;font-size:.3rem;border-radius:3px;color:#fff;background-color:#409eff;border-color:#409eff}footer .btn-submit[data-v-a7e6d032]{margin-top:1rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home[data-v-5d896ece]{width:100%;max-width:1024px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;background-color:#fff}.home header[data-v-5d896ece]{position:fixed;top:0;left:0;width:100%}.home header .warp[data-v-5d896ece]{background-color:#fff;width:100%;max-width:1024px;margin:0 auto;height:1.4rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;border-bottom:1px solid #f3f3f3}.home header .warp .back[data-v-5d896ece]{float:left;margin:.35rem .3rem;height:.7rem;width:.7rem}.home header .warp p[data-v-5d896ece]{font-size:.45rem;color:#494e5e;line-height:1.4rem;width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .logo-box[data-v-5d896ece]{height:3rem;margin-top:1.4rem;display:flex;align-items:center;justify-content:center}.home .logo-box .logo[data-v-5d896ece]{height:5rem;width:5rem}.home .logo-box img[data-v-5d896ece]{display:block;height:3rem;width:3rem;margin:0 auto}.home .title[data-v-5d896ece]{text-align:center;color:#303133;font-size:.6rem}.home .tip-box[data-v-5d896ece]{padding:.5rem 1rem;box-sizing:border-box;margin-top:1rem}.home .tip-box .tip-line[data-v-5d896ece]{display:flex;align-items:center;justify-content:space-between;font-size:.45rem;margin-bottom:.2rem}.home .tip-box .tip-line .tip-title[data-v-5d896ece]{flex:1;color:#c0c4cc}.home .tip-box .tip-line .tip-content[data-v-5d896ece]{flex:3;text-align:right;color:#606266}.home .btn-submit[data-v-5d896ece]{margin:1.5rem 1rem;margin-top:.5rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home footer[data-v-5d896ece]{margin-top:1rem;margin-bottom:.5rem}.home footer p[data-v-5d896ece]{text-align:center;font-size:.25rem;margin-bottom:.2rem;color:#989898}.snake-bar[data-v-6de0334b]{position:fixed;left:0;bottom:-1.2rem;width:100%}.snake-bar .warp[data-v-6de0334b]{width:100%;max-width:1024px;margin:0 auto;height:1.2rem;background:#ebf6ff}.snake-bar .warp .content[data-v-6de0334b]{margin-left:.3rem;padding-left:.3rem;font-size:.35rem;line-height:1.2rem;letter-spacing:2px;color:#249cff}.higher-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToHigh-data-v-6de0334b .5s ease;animation:snakeToHigh-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.lower-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToLow-data-v-6de0334b .5s ease;animation:snakeToLow-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@-webkit-keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}@keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index 112f971..a4e8cd2 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><title>护资照片压缩</title><link href="/css/app.5a59ad82.css" rel="preload" as="style"><link href="/css/chunk-vendors.23c1f75a.css" rel="preload" as="style"><link href="/js/app.adc6bfeb.js" rel="modulepreload" as="script"><link href="/js/chunk-vendors.6458e28e.js" rel="modulepreload" as="script"><link href="/css/chunk-vendors.23c1f75a.css" rel="stylesheet"><link href="/css/app.5a59ad82.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#2dbdfb"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="ImgZip"><link rel="apple-touch-icon" href="/favicon.ico"><link rel="mask-icon" href="/favicon.ico" color="#2dbdfb"><meta name="msapplication-TileImage" content="/favicon.ico"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but imgzip doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script type="module" src="/js/chunk-vendors.6458e28e.js"></script><script type="module" src="/js/app.adc6bfeb.js"></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src="/js/chunk-vendors-legacy.2904f938.js" nomodule></script><script src="/js/app-legacy.c88b9551.js" nomodule></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><title>护资照片压缩</title><link href="/css/app.8201cec7.css" rel="preload" as="style"><link href="/css/chunk-vendors.23c1f75a.css" rel="preload" as="style"><link href="/js/app.c57b410b.js" rel="modulepreload" as="script"><link href="/js/chunk-vendors.6458e28e.js" rel="modulepreload" as="script"><link href="/css/chunk-vendors.23c1f75a.css" rel="stylesheet"><link href="/css/app.8201cec7.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#2dbdfb"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="ImgZip"><link rel="apple-touch-icon" href="/favicon.ico"><link rel="mask-icon" href="/favicon.ico" color="#2dbdfb"><meta name="msapplication-TileImage" content="/favicon.ico"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but imgzip doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script type="module" src="/js/chunk-vendors.6458e28e.js"></script><script type="module" src="/js/app.c57b410b.js"></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src="/js/chunk-vendors-legacy.2904f938.js" nomodule></script><script src="/js/app-legacy.bd34b908.js" nomodule></script></body></html>
\ No newline at end of file
diff --git a/dist/js/app-legacy.c88b9551.js b/dist/js/app-legacy.bd34b908.js
similarity index 59%
rename from dist/js/app-legacy.c88b9551.js
rename to dist/js/app-legacy.bd34b908.js
index 29ef5f0..6d00c27 100644
--- a/dist/js/app-legacy.c88b9551.js
+++ b/dist/js/app-legacy.bd34b908.js
@@ -1 +1 @@
-(function(t){function e(e){for(var i,a,s=e[0],c=e[1],l=e[2],p=0,d=[];p<s.length;p++)a=s[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&d.push(o[a][0]),o[a]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(t[i]=c[i]);u&&u(e);while(d.length)d.shift()();return r.push.apply(r,l||[]),n()}function n(){for(var t,e=0;e<r.length;e++){for(var n=r[e],i=!0,s=1;s<n.length;s++){var c=n[s];0!==o[c]&&(i=!1)}i&&(r.splice(e--,1),t=a(a.s=n[0]))}return t}var i={},o={app:0},r=[];function a(e){if(i[e])return i[e].exports;var n=i[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=i,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)a.d(n,i,function(e){return t[e]}.bind(null,i));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],c=s.push.bind(s);s.push=e,s=s.slice();for(var l=0;l<s.length;l++)e(s[l]);var u=c;r.push([0,"chunk-vendors"]),n()})({0:function(t,e,n){t.exports=n("56d7")},"03a2":function(t,e,n){"use strict";n("6b7c")},"0ed4":function(t,e,n){"use strict";n("369c")},"2cba":function(t,e,n){"use strict";n("871b")},"369c":function(t,e,n){},"56d7":function(t,e,n){"use strict";n.r(e);n("e260"),n("e6cf"),n("cca6"),n("a79d");var i=n("2b0e"),o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("keep-alive",[this.$route.meta.keepAlive?n("router-view"):t._e()],1),this.$route.meta.keepAlive?t._e():n("router-view")],1)},r=[],a=(n("5c0b"),n("2877")),s={},c=Object(a["a"])(s,o,r,!1,null,null,null),l=c.exports,u=n("9483");Object(u["a"])("".concat("/","service-worker.js"),{ready:function(){console.log("App is being served from cache by a service worker.\nFor more details, visit https://goo.gl/AFskqB")},registered:function(){console.log("Service worker has been registered.")},cached:function(){console.log("Content has been cached for offline use.")},updatefound:function(){console.log("New content is downloading.")},updated:function(){console.log("New content is available; please refresh.")},offline:function(){console.log("No internet connection found. App is running in offline mode.")},error:function(t){console.error("Error during service worker registration:",t)}});n("d3b7");var p=n("8c4f");n("bb51");i["a"].use(p["a"]);var d=[{path:"/",name:"Home",component:function(){return Promise.resolve().then(n.bind(null,"bb51"))}},{path:"*",redirect:"/",name:"notFound",hidden:!0}],f=new p["a"]({mode:"history",base:"/",routes:d}),m=f,v=n("2f62");i["a"].use(v["a"]);var h,g=new v["a"].Store({state:{},mutations:{},actions:{},modules:{}}),b=n("b678"),k=n.n(b),w=n("61e4"),x=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("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"}},[n("path",{attrs:{fill:t.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"}}),n("path",{attrs:{fill:t.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"}}),n("path",{attrs:{id:"身材",fill:"none",stroke:t.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"}}),n("rect",{attrs:{x:"87.5",y:"89",fill:t.fill,width:"3.1",height:"43"}}),n("path",{attrs:{id:"U",fill:"none",stroke:t.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"}}),n("line",{attrs:{id:"T1",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"95.3",y1:"104",x2:"104.5",y2:"104"}}),n("line",{attrs:{id:"T2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"99.9",y1:"117",x2:"99.9",y2:"104"}}),n("path",{attrs:{id:"E1",fill:"none",stroke:t.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"}}),n("line",{attrs:{id:"E2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"116.2",y1:"109.8",x2:"106.7",y2:"109.8"}}),n("rect",{attrs:{x:"124.5",y:"85.3",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)",fill:t.fill,width:"2.7",height:"43"}}),n("rect",{attrs:{x:"124.1",y:"90.9",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)",fill:t.fill,width:"2.6",height:"43"}}),n("polygon",{attrs:{id:"D",fill:"none",stroke:t.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 "}}),n("path",{attrs:{fill:"none",stroke:t.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"}}),n("rect",{attrs:{x:"87.4",y:"106.9",fill:t.fill,width:"3.1",height:"5.8"}})])},_=[],C={name:"CustedLogo",computed:{stroke:function(){return"#249cff"},fill:function(){return"#fff"}}},y=C,j=Object(a["a"])(y,x,_,!1,null,null,null),O=j.exports,S=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"snake-bar",class:t.snack_bar_class},[n("div",{staticClass:"warp"},[n("div",{staticClass:"content"},[t._v(t._s(t.msg))])])])},$=[],I={name:"SnakeBar",props:["msg"],data:function(){return{snack_bar_class:""}},computed:{},methods:{openSnackBar:function(t){var e=this;this.snack_bar_class="higher-snake-bar",setTimeout((function(){e.snack_bar_class="lower-snake-bar"}),2500)}},created:function(){this.openSnackBar()},mounted:function(){},watch:{},beforeDestroy:function(){},components:{},activated:function(){}},M=I,T=(n("2cba"),Object(a["a"])(M,S,$,!1,null,"6de0334b",null)),B=T.exports,L=i["a"].extend(B),z=1,E=2e3,P=[],R=function(){Object.defineProperty(i["a"].prototype,"$snakebar",{get:function(){var t="snakebar_"+z++,e=function(e){return h=new L({propsData:{msg:e}}),E++,h.id=t,h.vm=h.$mount(),document.body.appendChild(h.vm.$el),P.push(h.vm.$el),setTimeout((function(){document.body.removeChild(P.shift())}),3e3),h.vm.$el.style.zIndex=E,h.vm};return e}})},N=R;function A(){var t=document.documentElement.clientWidth||document.body.clientWidth,e=document.getElementsByTagName("html")[0];e.style.fontSize=t>=500?"50px":t/10+"px"}A(),onresize=A,i["a"].config.productionTip=!1,i["a"].use(k.a),i["a"].component("icon",w["a"]),i["a"].component("custedLogo",O),i["a"].use(N),new i["a"]({router:m,store:g,render:function(t){return t(l)}}).$mount("#app")},"5c0b":function(t,e,n){"use strict";n("9c0c")},"6b7c":function(t,e,n){},7126:function(t,e,n){var i={"./left_arrow.svg":"7992"};function o(t){var e=r(t);return n(e)}function r(t){if(!n.o(i,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return i[t]}o.keys=function(){return Object.keys(i)},o.resolve=r,t.exports=o,o.id="7126"},7992:function(t,e){t.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"}}]}}},"871b":function(t,e,n){},"9c0c":function(t,e,n){},bb51:function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home"},[t.img?[n("header",[n("div",{staticClass:"warp"},[n("div",{on:{click:t.back}},[n("icon",{staticClass:"back",attrs:{name:"left_arrow"}})],1),n("p",[t._v("图片压缩")])])]),n("cropper-image",{ref:"child",attrs:{img:t.img}})]:n("main",[n("div",{staticClass:"logo-box"},[n("custedLogo",{staticClass:"logo"})],1),n("div",{staticClass:"title"},[t._v("护资照片压缩")]),t._m(0),n("div",{staticClass:"btn-submit",on:{click:t.selectImg}},[t._v("选择图片")]),n("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(e){return t.manageImg(e)}}})]),t._m(1)],2)},o=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"tip-box"},[n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("冲印尺寸")]),n("div",{staticClass:"tip-content"},[t._v("25mm x 35mm")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("像素尺寸")]),n("div",{staticClass:"tip-content"},[t._v("295 x 413 px")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("分辨率")]),n("div",{staticClass:"tip-content"},[t._v("300 DPI")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("背景色")]),n("div",{staticClass:"tip-content"},[t._v("白色")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("文件大小")]),n("div",{staticClass:"tip-content"},[t._v("小于100kb")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("其他")]),n("div",{staticClass:"tip-content"},[t._v(" 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然 ")])])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",[n("a",{attrs:{href:"http://beian.miit.gov.cn/"}},[n("p",[t._v("吉ICP备18005655号")])]),n("p",[t._v("Copyright © 2020 小单同学")]),n("p",[t._v("All Rights Reserved")])])}],r=(n("d3b7"),n("3ca3"),n("ddb0"),n("2b3d"),n("53ca")),a=(n("96cf"),n("1da1")),s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"cropper-box"},[n("div",{staticClass:"cropper"},[n("vue-cropper",{ref:"cropper",attrs:{img:t.option.img,outputSize:t.option.outputSize,outputType:t.option.outputType,info:t.option.info,canScale:t.option.canScale,autoCrop:t.option.autoCrop,autoCropWidth:t.option.autoCropWidth,autoCropHeight:t.option.autoCropHeight,fixed:t.option.fixed,fixedNumber:t.option.fixedNumber,full:t.option.full,fixedBox:t.option.fixedBox,canMove:t.option.canMove,canMoveBox:t.option.canMoveBox,original:t.option.original,centerBox:t.option.centerBox,height:t.option.height,infoTrue:t.option.infoTrue,maxImgSize:t.option.maxImgSize,enlarge:t.option.enlarge,mode:t.option.mode},on:{realTime:t.realTime,imgLoad:t.imgLoad}})],1),n("footer",[n("div",{staticClass:"scope-btn"},[n("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(1)}}},[t._v("放大")]),n("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(-1)}}},[t._v("缩小")]),n("div",{staticClass:"btn",on:{click:t.rotateLeft}},[t._v("↺ 左旋转")]),n("div",{staticClass:"btn",on:{click:t.rotateRight}},[t._v("↻ 右旋转")])]),n("div",{staticClass:"upload-btn"},[n("div",{staticClass:"btn-submit",on:{click:function(e){return t.donwloadImg()}}},[t._v("压缩图片并下载")])])])])},c=[],l=n("b678"),u=(n("e688"),{name:"CropperImage",components:{VueCropper:l["VueCropper"]},props:["img"],data:function(){return{previews:{},option:{img:this.img,outputSize:1,outputType:"png",info:!1,canScale:!0,autoCrop:!0,autoCropWidth:200,autoCropHeight:280,fixed:!0,fixedNumber:[5,7],full:!1,fixedBox:!1,canMove:!1,canMoveBox:!0,original:!1,centerBox:!0,height:!0,infoTrue:!1,maxImgSize:3e3,enlarge:1,mode:"200px 280px"}}},methods:{imgLoad:function(t){console.log("工具初始化函数====="+t)},changeScale:function(t){t=t||1,this.$refs.cropper.changeScale(t)},rotateLeft:function(){this.$refs.cropper.rotateLeft()},rotateRight:function(){this.$refs.cropper.rotateRight()},realTime:function(t){this.previews=t},zipImg:function(t,e,n){var i=this;return new Promise((function(o){var r=new Image;r.src=t,r.onload=function(){var a=document.createElement("canvas"),s=a.getContext("2d");a.setAttribute("width",e),a.setAttribute("height",n),s.drawImage(r,0,0,e,n);var c=a.toDataURL("image/png");console.log(c.length/1024/1024),c.length/1024/1024>.1?(console.log(1,e,n),o(i.zipImg(t,.9*e,.9*n))):(console.log(2,e,n),o(c))}}))},donwloadImg:function(){var t=this;this.$refs.cropper.getCropData(function(){var e=Object(a["a"])(regeneratorRuntime.mark((function e(n){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:t.zipImg(n,295,413).then((function(t){console.log(t.length/1024/1024);var e=document.createElement("a");e.href=t,e.download="护士执业资格考试.png",document.body.appendChild(e),e.click(),document.body.removeChild(e)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())},selectImg:function(){this.$refs.upload.click()}}}),p=u,d=(n("0ed4"),n("2877")),f=Object(d["a"])(p,s,c,!1,null,"a7e6d032",null),m=f.exports,v={name:"Home",components:{CropperImage:m},data:function(){return{img:null}},methods:{back:function(){this.img=null},selectImg:function(){this.$refs.uploads.click()},manageImg:function(){var t=Object(a["a"])(regeneratorRuntime.mark((function t(e){var n,i,o=this;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(n=e.target.files[0],/\.(jpg|jpeg|png|JPG|PNG)$/.test(e.target.value)){t.next=4;break}return this.$snakebar("图片类型要求：jpeg、jpg、png"),t.abrupt("return",!1);case 4:i=new FileReader,i.onload=function(t){var e;e="object"===Object(r["a"])(t.target.result)?window.URL.createObjectURL(new Blob([t.target.result])):t.target.result,o.img=e},i.readAsDataURL(n);case 7:case"end":return t.stop()}}),t,this)})));function e(e){return t.apply(this,arguments)}return e}()}},h=v,g=(n("03a2"),Object(d["a"])(h,i,o,!1,null,"276e7b57",null));e["default"]=g.exports}});
\ No newline at end of file
+(function(t){function e(e){for(var i,a,s=e[0],c=e[1],l=e[2],p=0,d=[];p<s.length;p++)a=s[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&d.push(o[a][0]),o[a]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(t[i]=c[i]);u&&u(e);while(d.length)d.shift()();return r.push.apply(r,l||[]),n()}function n(){for(var t,e=0;e<r.length;e++){for(var n=r[e],i=!0,s=1;s<n.length;s++){var c=n[s];0!==o[c]&&(i=!1)}i&&(r.splice(e--,1),t=a(a.s=n[0]))}return t}var i={},o={app:0},r=[];function a(e){if(i[e])return i[e].exports;var n=i[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=i,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)a.d(n,i,function(e){return t[e]}.bind(null,i));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],c=s.push.bind(s);s.push=e,s=s.slice();for(var l=0;l<s.length;l++)e(s[l]);var u=c;r.push([0,"chunk-vendors"]),n()})({0:function(t,e,n){t.exports=n("56d7")},"0ed4":function(t,e,n){"use strict";n("369c")},"2b9f":function(t,e,n){"use strict";n("3cb0")},"2cba":function(t,e,n){"use strict";n("871b")},"369c":function(t,e,n){},"3cb0":function(t,e,n){},"56d7":function(t,e,n){"use strict";n.r(e);n("e260"),n("e6cf"),n("cca6"),n("a79d");var i=n("2b0e"),o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("keep-alive",[this.$route.meta.keepAlive?n("router-view"):t._e()],1),this.$route.meta.keepAlive?t._e():n("router-view")],1)},r=[],a=(n("5c0b"),n("2877")),s={},c=Object(a["a"])(s,o,r,!1,null,null,null),l=c.exports,u=n("9483");Object(u["a"])("".concat("/","service-worker.js"),{ready:function(){console.log("App is being served from cache by a service worker.\nFor more details, visit https://goo.gl/AFskqB")},registered:function(){console.log("Service worker has been registered.")},cached:function(){console.log("Content has been cached for offline use.")},updatefound:function(){console.log("New content is downloading.")},updated:function(){console.log("New content is available; please refresh.")},offline:function(){console.log("No internet connection found. App is running in offline mode.")},error:function(t){console.error("Error during service worker registration:",t)}});n("d3b7");var p=n("8c4f");n("bb51");i["a"].use(p["a"]);var d=[{path:"/",name:"Home",component:function(){return Promise.resolve().then(n.bind(null,"bb51"))}},{path:"*",redirect:"/",name:"notFound",hidden:!0}],f=new p["a"]({mode:"history",base:"/",routes:d}),m=f,v=n("2f62");i["a"].use(v["a"]);var h,g=new v["a"].Store({state:{},mutations:{},actions:{},modules:{}}),b=n("b678"),k=n.n(b),w=n("61e4"),x=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("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"}},[n("path",{attrs:{fill:t.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"}}),n("path",{attrs:{fill:t.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"}}),n("path",{attrs:{id:"身材",fill:"none",stroke:t.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"}}),n("rect",{attrs:{x:"87.5",y:"89",fill:t.fill,width:"3.1",height:"43"}}),n("path",{attrs:{id:"U",fill:"none",stroke:t.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"}}),n("line",{attrs:{id:"T1",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"95.3",y1:"104",x2:"104.5",y2:"104"}}),n("line",{attrs:{id:"T2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"99.9",y1:"117",x2:"99.9",y2:"104"}}),n("path",{attrs:{id:"E1",fill:"none",stroke:t.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"}}),n("line",{attrs:{id:"E2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"116.2",y1:"109.8",x2:"106.7",y2:"109.8"}}),n("rect",{attrs:{x:"124.5",y:"85.3",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)",fill:t.fill,width:"2.7",height:"43"}}),n("rect",{attrs:{x:"124.1",y:"90.9",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)",fill:t.fill,width:"2.6",height:"43"}}),n("polygon",{attrs:{id:"D",fill:"none",stroke:t.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 "}}),n("path",{attrs:{fill:"none",stroke:t.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"}}),n("rect",{attrs:{x:"87.4",y:"106.9",fill:t.fill,width:"3.1",height:"5.8"}})])},_=[],C={name:"CustedLogo",computed:{stroke:function(){return"#249cff"},fill:function(){return"#fff"}}},y=C,j=Object(a["a"])(y,x,_,!1,null,null,null),O=j.exports,S=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"snake-bar",class:t.snack_bar_class},[n("div",{staticClass:"warp"},[n("div",{staticClass:"content"},[t._v(t._s(t.msg))])])])},$=[],I={name:"SnakeBar",props:["msg"],data:function(){return{snack_bar_class:""}},computed:{},methods:{openSnackBar:function(t){var e=this;this.snack_bar_class="higher-snake-bar",setTimeout((function(){e.snack_bar_class="lower-snake-bar"}),2500)}},created:function(){this.openSnackBar()},mounted:function(){},watch:{},beforeDestroy:function(){},components:{},activated:function(){}},M=I,T=(n("2cba"),Object(a["a"])(M,S,$,!1,null,"6de0334b",null)),B=T.exports,L=i["a"].extend(B),z=1,E=2e3,P=[],R=function(){Object.defineProperty(i["a"].prototype,"$snakebar",{get:function(){var t="snakebar_"+z++,e=function(e){return h=new L({propsData:{msg:e}}),E++,h.id=t,h.vm=h.$mount(),document.body.appendChild(h.vm.$el),P.push(h.vm.$el),setTimeout((function(){document.body.removeChild(P.shift())}),3e3),h.vm.$el.style.zIndex=E,h.vm};return e}})},N=R;function A(){var t=document.documentElement.clientWidth||document.body.clientWidth,e=document.getElementsByTagName("html")[0];e.style.fontSize=t>=500?"50px":t/10+"px"}A(),onresize=A,i["a"].config.productionTip=!1,i["a"].use(k.a),i["a"].component("icon",w["a"]),i["a"].component("custedLogo",O),i["a"].use(N),new i["a"]({router:m,store:g,render:function(t){return t(l)}}).$mount("#app")},"5c0b":function(t,e,n){"use strict";n("9c0c")},7126:function(t,e,n){var i={"./left_arrow.svg":"7992"};function o(t){var e=r(t);return n(e)}function r(t){if(!n.o(i,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return i[t]}o.keys=function(){return Object.keys(i)},o.resolve=r,t.exports=o,o.id="7126"},7992:function(t,e){t.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"}}]}}},"871b":function(t,e,n){},"9c0c":function(t,e,n){},bb51:function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home"},[t.img?[n("header",[n("div",{staticClass:"warp"},[n("div",{on:{click:t.back}},[n("icon",{staticClass:"back",attrs:{name:"left_arrow"}})],1),n("p",[t._v("图片压缩")])])]),n("cropper-image",{ref:"child",attrs:{img:t.img}})]:n("main",[n("div",{staticClass:"logo-box"},[n("custedLogo",{staticClass:"logo"})],1),n("div",{staticClass:"title"},[t._v("护资照片压缩")]),t._m(0),n("div",{staticClass:"btn-submit",on:{click:t.selectImg}},[t._v("选择图片")]),n("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(e){return t.manageImg(e)}}})]),t._m(1)],2)},o=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"tip-box"},[n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("冲印尺寸")]),n("div",{staticClass:"tip-content"},[t._v("25mm x 35mm")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("像素尺寸")]),n("div",{staticClass:"tip-content"},[t._v("295 x 413 px")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("分辨率")]),n("div",{staticClass:"tip-content"},[t._v("300 DPI")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("背景色")]),n("div",{staticClass:"tip-content"},[t._v("白色")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("文件大小")]),n("div",{staticClass:"tip-content"},[t._v("小于100kb")])]),n("div",{staticClass:"tip-line"},[n("div",{staticClass:"tip-title"},[t._v("其他")]),n("div",{staticClass:"tip-content"},[t._v(" 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然 ")])])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",[n("a",{attrs:{href:"http://beian.miit.gov.cn/"}},[n("p",[t._v("吉ICP备18005655号")])]),n("p",[t._v("Copyright © 2020 小单同学")]),n("p",[t._v("All Rights Reserved")])])}],r=(n("d3b7"),n("3ca3"),n("ddb0"),n("2b3d"),n("53ca")),a=(n("96cf"),n("1da1")),s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"cropper-box"},[n("div",{staticClass:"cropper"},[n("vue-cropper",{ref:"cropper",attrs:{img:t.option.img,outputSize:t.option.outputSize,outputType:t.option.outputType,info:t.option.info,canScale:t.option.canScale,autoCrop:t.option.autoCrop,autoCropWidth:t.option.autoCropWidth,autoCropHeight:t.option.autoCropHeight,fixed:t.option.fixed,fixedNumber:t.option.fixedNumber,full:t.option.full,fixedBox:t.option.fixedBox,canMove:t.option.canMove,canMoveBox:t.option.canMoveBox,original:t.option.original,centerBox:t.option.centerBox,height:t.option.height,infoTrue:t.option.infoTrue,maxImgSize:t.option.maxImgSize,enlarge:t.option.enlarge,mode:t.option.mode},on:{realTime:t.realTime,imgLoad:t.imgLoad}})],1),n("footer",[n("div",{staticClass:"scope-btn"},[n("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(1)}}},[t._v("放大")]),n("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(-1)}}},[t._v("缩小")]),n("div",{staticClass:"btn",on:{click:t.rotateLeft}},[t._v("↺ 左旋转")]),n("div",{staticClass:"btn",on:{click:t.rotateRight}},[t._v("↻ 右旋转")])]),n("div",{staticClass:"upload-btn"},[n("div",{staticClass:"btn-submit",on:{click:function(e){return t.donwloadImg()}}},[t._v("压缩图片并下载")])])])])},c=[],l=n("b678"),u=(n("e688"),{name:"CropperImage",components:{VueCropper:l["VueCropper"]},props:["img"],data:function(){return{previews:{},option:{img:this.img,outputSize:1,outputType:"png",info:!1,canScale:!0,autoCrop:!0,autoCropWidth:200,autoCropHeight:280,fixed:!0,fixedNumber:[5,7],full:!1,fixedBox:!1,canMove:!1,canMoveBox:!0,original:!1,centerBox:!0,height:!0,infoTrue:!1,maxImgSize:3e3,enlarge:1,mode:"200px 280px"}}},methods:{imgLoad:function(t){console.log("工具初始化函数====="+t)},changeScale:function(t){t=t||1,this.$refs.cropper.changeScale(t)},rotateLeft:function(){this.$refs.cropper.rotateLeft()},rotateRight:function(){this.$refs.cropper.rotateRight()},realTime:function(t){this.previews=t},zipImg:function(t,e,n){var i=this;return new Promise((function(o){var r=new Image;r.src=t,r.onload=function(){var a=document.createElement("canvas"),s=a.getContext("2d");a.setAttribute("width",e),a.setAttribute("height",n),s.drawImage(r,0,0,e,n);var c=a.toDataURL("image/png");console.log(c.length/1024/1024),c.length/1024/1024>.1?(console.log(1,e,n),o(i.zipImg(t,.9*e,.9*n))):(console.log(2,e,n),o(c))}}))},donwloadImg:function(){var t=this;this.$refs.cropper.getCropData(function(){var e=Object(a["a"])(regeneratorRuntime.mark((function e(n){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:t.zipImg(n,295,413).then((function(t){console.log(t.length/1024/1024);var e=document.createElement("a");e.href=t,e.download="护士执业资格考试.png",document.body.appendChild(e),e.click(),document.body.removeChild(e)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())},selectImg:function(){this.$refs.upload.click()}}}),p=u,d=(n("0ed4"),n("2877")),f=Object(d["a"])(p,s,c,!1,null,"a7e6d032",null),m=f.exports,v={name:"Home",components:{CropperImage:m},data:function(){return{img:null}},methods:{back:function(){this.img=null},selectImg:function(){this.$refs.uploads.click()},manageImg:function(){var t=Object(a["a"])(regeneratorRuntime.mark((function t(e){var n,i,o=this;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(n=e.target.files[0],/\.(jpg|jpeg|png|JPG|PNG)$/.test(e.target.value)){t.next=4;break}return this.$snakebar("图片类型要求：jpeg、jpg、png"),t.abrupt("return",!1);case 4:i=new FileReader,i.onload=function(t){var e;e="object"===Object(r["a"])(t.target.result)?window.URL.createObjectURL(new Blob([t.target.result])):t.target.result,o.img=e},i.readAsDataURL(n);case 7:case"end":return t.stop()}}),t,this)})));function e(e){return t.apply(this,arguments)}return e}()}},h=v,g=(n("2b9f"),Object(d["a"])(h,i,o,!1,null,"5d896ece",null));e["default"]=g.exports}});
\ No newline at end of file
diff --git a/dist/js/app.adc6bfeb.js b/dist/js/app.c57b410b.js
similarity index 57%
rename from dist/js/app.adc6bfeb.js
rename to dist/js/app.c57b410b.js
index 3d580b6..4e9bd0c 100644
--- a/dist/js/app.adc6bfeb.js
+++ b/dist/js/app.c57b410b.js
@@ -1 +1 @@
-(function(t){function e(e){for(var i,s,a=e[0],l=e[1],c=e[2],d=0,u=[];d<a.length;d++)s=a[d],Object.prototype.hasOwnProperty.call(n,s)&&n[s]&&u.push(n[s][0]),n[s]=0;for(i in l)Object.prototype.hasOwnProperty.call(l,i)&&(t[i]=l[i]);p&&p(e);while(u.length)u.shift()();return r.push.apply(r,c||[]),o()}function o(){for(var t,e=0;e<r.length;e++){for(var o=r[e],i=!0,a=1;a<o.length;a++){var l=o[a];0!==n[l]&&(i=!1)}i&&(r.splice(e--,1),t=s(s.s=o[0]))}return t}var i={},n={app:0},r=[];function s(e){if(i[e])return i[e].exports;var o=i[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=i,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)s.d(o,i,function(e){return t[e]}.bind(null,i));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var p=l;r.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},"03a2":function(t,e,o){"use strict";o("6b7c")},"0ed4":function(t,e,o){"use strict";o("369c")},"2cba":function(t,e,o){"use strict";o("871b")},"369c":function(t,e,o){},"56d7":function(t,e,o){"use strict";o.r(e);o("a79d");var i=o("2b0e"),n=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"app"}},[o("keep-alive",[this.$route.meta.keepAlive?o("router-view"):t._e()],1),this.$route.meta.keepAlive?t._e():o("router-view")],1)},r=[],s=(o("5c0b"),o("2877")),a={},l=Object(s["a"])(a,n,r,!1,null,null,null),c=l.exports,p=o("9483");Object(p["a"])("/service-worker.js",{ready(){console.log("App is being served from cache by a service worker.\nFor more details, visit https://goo.gl/AFskqB")},registered(){console.log("Service worker has been registered.")},cached(){console.log("Content has been cached for offline use.")},updatefound(){console.log("New content is downloading.")},updated(){console.log("New content is available; please refresh.")},offline(){console.log("No internet connection found. App is running in offline mode.")},error(t){console.error("Error during service worker registration:",t)}});var d=o("8c4f");o("bb51");i["a"].use(d["a"]);const u=[{path:"/",name:"Home",component:()=>Promise.resolve().then(o.bind(null,"bb51"))},{path:"*",redirect:"/",name:"notFound",hidden:!0}],m=new d["a"]({mode:"history",base:"/",routes:u});var f=m,g=o("2f62");i["a"].use(g["a"]);var h=new g["a"].Store({state:{},mutations:{},actions:{},modules:{}}),v=o("b678"),b=o.n(v),k=o("61e4"),w=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("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"}},[o("path",{attrs:{fill:t.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"}}),o("path",{attrs:{fill:t.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"}}),o("path",{attrs:{id:"身材",fill:"none",stroke:t.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"}}),o("rect",{attrs:{x:"87.5",y:"89",fill:t.fill,width:"3.1",height:"43"}}),o("path",{attrs:{id:"U",fill:"none",stroke:t.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"}}),o("line",{attrs:{id:"T1",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"95.3",y1:"104",x2:"104.5",y2:"104"}}),o("line",{attrs:{id:"T2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"99.9",y1:"117",x2:"99.9",y2:"104"}}),o("path",{attrs:{id:"E1",fill:"none",stroke:t.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"}}),o("line",{attrs:{id:"E2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"116.2",y1:"109.8",x2:"106.7",y2:"109.8"}}),o("rect",{attrs:{x:"124.5",y:"85.3",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)",fill:t.fill,width:"2.7",height:"43"}}),o("rect",{attrs:{x:"124.1",y:"90.9",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)",fill:t.fill,width:"2.6",height:"43"}}),o("polygon",{attrs:{id:"D",fill:"none",stroke:t.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 "}}),o("path",{attrs:{fill:"none",stroke:t.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"}}),o("rect",{attrs:{x:"87.4",y:"106.9",fill:t.fill,width:"3.1",height:"5.8"}})])},x=[],_={name:"CustedLogo",computed:{stroke:function(){return"#249cff"},fill:function(){return"#fff"}}},C=_,y=Object(s["a"])(C,w,x,!1,null,null,null),j=y.exports,S=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"snake-bar",class:t.snack_bar_class},[o("div",{staticClass:"warp"},[o("div",{staticClass:"content"},[t._v(t._s(t.msg))])])])},$=[],O={name:"SnakeBar",props:["msg"],data(){return{snack_bar_class:""}},computed:{},methods:{openSnackBar(t){this.snack_bar_class="higher-snake-bar",setTimeout(()=>{this.snack_bar_class="lower-snake-bar"},2500)}},created(){this.openSnackBar()},mounted(){},watch:{},beforeDestroy(){},components:{},activated(){}},I=O,M=(o("2cba"),Object(s["a"])(I,S,$,!1,null,"6de0334b",null)),T=M.exports;let B,L=i["a"].extend(T),z=1,E=2e3,P=[];const N=()=>{Object.defineProperty(i["a"].prototype,"$snakebar",{get(){let t="snakebar_"+z++;const e=e=>(B=new L({propsData:{msg:e}}),E++,B.id=t,B.vm=B.$mount(),document.body.appendChild(B.vm.$el),P.push(B.vm.$el),setTimeout(()=>{document.body.removeChild(P.shift())},3e3),B.vm.$el.style.zIndex=E,B.vm);return e}})};var R=N;function A(){const t=document.documentElement.clientWidth||document.body.clientWidth,e=document.getElementsByTagName("html")[0];e.style.fontSize=t>=500?"50px":t/10+"px"}A(),onresize=A,i["a"].config.productionTip=!1,i["a"].use(b.a),i["a"].component("icon",k["a"]),i["a"].component("custedLogo",j),i["a"].use(R),new i["a"]({router:f,store:h,render:t=>t(c)}).$mount("#app")},"5c0b":function(t,e,o){"use strict";o("9c0c")},"6b7c":function(t,e,o){},7126:function(t,e,o){var i={"./left_arrow.svg":"7992"};function n(t){var e=r(t);return o(e)}function r(t){if(!o.o(i,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return i[t]}n.keys=function(){return Object.keys(i)},n.resolve=r,t.exports=n,n.id="7126"},7992:function(t,e){t.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"}}]}}},"871b":function(t,e,o){},"9c0c":function(t,e,o){},bb51:function(t,e,o){"use strict";o.r(e);var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"home"},[t.img?[o("header",[o("div",{staticClass:"warp"},[o("div",{on:{click:t.back}},[o("icon",{staticClass:"back",attrs:{name:"left_arrow"}})],1),o("p",[t._v("图片压缩")])])]),o("cropper-image",{ref:"child",attrs:{img:t.img}})]:o("main",[o("div",{staticClass:"logo-box"},[o("custedLogo",{staticClass:"logo"})],1),o("div",{staticClass:"title"},[t._v("护资照片压缩")]),t._m(0),o("div",{staticClass:"btn-submit",on:{click:t.selectImg}},[t._v("选择图片")]),o("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(e){return t.manageImg(e)}}})]),t._m(1)],2)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tip-box"},[o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("冲印尺寸")]),o("div",{staticClass:"tip-content"},[t._v("25mm x 35mm")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("像素尺寸")]),o("div",{staticClass:"tip-content"},[t._v("295 x 413 px")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("分辨率")]),o("div",{staticClass:"tip-content"},[t._v("300 DPI")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("背景色")]),o("div",{staticClass:"tip-content"},[t._v("白色")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("文件大小")]),o("div",{staticClass:"tip-content"},[t._v("小于100kb")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("其他")]),o("div",{staticClass:"tip-content"},[t._v(" 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然 ")])])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("footer",[o("a",{attrs:{href:"http://beian.miit.gov.cn/"}},[o("p",[t._v("吉ICP备18005655号")])]),o("p",[t._v("Copyright © 2020 小单同学")]),o("p",[t._v("All Rights Reserved")])])}],r=(o("ddb0"),o("2b3d"),function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"cropper-box"},[o("div",{staticClass:"cropper"},[o("vue-cropper",{ref:"cropper",attrs:{img:t.option.img,outputSize:t.option.outputSize,outputType:t.option.outputType,info:t.option.info,canScale:t.option.canScale,autoCrop:t.option.autoCrop,autoCropWidth:t.option.autoCropWidth,autoCropHeight:t.option.autoCropHeight,fixed:t.option.fixed,fixedNumber:t.option.fixedNumber,full:t.option.full,fixedBox:t.option.fixedBox,canMove:t.option.canMove,canMoveBox:t.option.canMoveBox,original:t.option.original,centerBox:t.option.centerBox,height:t.option.height,infoTrue:t.option.infoTrue,maxImgSize:t.option.maxImgSize,enlarge:t.option.enlarge,mode:t.option.mode},on:{realTime:t.realTime,imgLoad:t.imgLoad}})],1),o("footer",[o("div",{staticClass:"scope-btn"},[o("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(1)}}},[t._v("放大")]),o("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(-1)}}},[t._v("缩小")]),o("div",{staticClass:"btn",on:{click:t.rotateLeft}},[t._v("↺ 左旋转")]),o("div",{staticClass:"btn",on:{click:t.rotateRight}},[t._v("↻ 右旋转")])]),o("div",{staticClass:"upload-btn"},[o("div",{staticClass:"btn-submit",on:{click:function(e){return t.donwloadImg()}}},[t._v("压缩图片并下载")])])])])}),s=[],a=o("b678"),l=(o("e688"),{name:"CropperImage",components:{VueCropper:a["VueCropper"]},props:["img"],data(){return{previews:{},option:{img:this.img,outputSize:1,outputType:"png",info:!1,canScale:!0,autoCrop:!0,autoCropWidth:200,autoCropHeight:280,fixed:!0,fixedNumber:[5,7],full:!1,fixedBox:!1,canMove:!1,canMoveBox:!0,original:!1,centerBox:!0,height:!0,infoTrue:!1,maxImgSize:3e3,enlarge:1,mode:"200px 280px"}}},methods:{imgLoad(t){console.log("工具初始化函数====="+t)},changeScale(t){t=t||1,this.$refs.cropper.changeScale(t)},rotateLeft(){this.$refs.cropper.rotateLeft()},rotateRight(){this.$refs.cropper.rotateRight()},realTime(t){this.previews=t},zipImg(t,e,o){return new Promise(i=>{const n=new Image;n.src=t,n.onload=()=>{const r=document.createElement("canvas"),s=r.getContext("2d");r.setAttribute("width",e),r.setAttribute("height",o),s.drawImage(n,0,0,e,o);const a=r.toDataURL("image/png");console.log(a.length/1024/1024),a.length/1024/1024>.1?(console.log(1,e,o),i(this.zipImg(t,.9*e,.9*o))):(console.log(2,e,o),i(a))}})},donwloadImg(){this.$refs.cropper.getCropData(async t=>{this.zipImg(t,295,413).then(t=>{console.log(t.length/1024/1024);const e=document.createElement("a");e.href=t,e.download="护士执业资格考试.png",document.body.appendChild(e),e.click(),document.body.removeChild(e)})})},selectImg(){this.$refs.upload.click()}}}),c=l,p=(o("0ed4"),o("2877")),d=Object(p["a"])(c,r,s,!1,null,"a7e6d032",null),u=d.exports,m={name:"Home",components:{CropperImage:u},data(){return{img:null}},methods:{back(){this.img=null},selectImg(){this.$refs.uploads.click()},manageImg:async function(t){let e=t.target.files[0];if(!/\.(jpg|jpeg|png|JPG|PNG)$/.test(t.target.value))return this.$snakebar("图片类型要求：jpeg、jpg、png"),!1;let o=new FileReader;o.onload=t=>{let e;e="object"===typeof t.target.result?window.URL.createObjectURL(new Blob([t.target.result])):t.target.result,this.img=e},o.readAsDataURL(e)}}},f=m,g=(o("03a2"),Object(p["a"])(f,i,n,!1,null,"276e7b57",null));e["default"]=g.exports}});
\ No newline at end of file
+(function(t){function e(e){for(var i,s,a=e[0],l=e[1],c=e[2],d=0,u=[];d<a.length;d++)s=a[d],Object.prototype.hasOwnProperty.call(n,s)&&n[s]&&u.push(n[s][0]),n[s]=0;for(i in l)Object.prototype.hasOwnProperty.call(l,i)&&(t[i]=l[i]);p&&p(e);while(u.length)u.shift()();return r.push.apply(r,c||[]),o()}function o(){for(var t,e=0;e<r.length;e++){for(var o=r[e],i=!0,a=1;a<o.length;a++){var l=o[a];0!==n[l]&&(i=!1)}i&&(r.splice(e--,1),t=s(s.s=o[0]))}return t}var i={},n={app:0},r=[];function s(e){if(i[e])return i[e].exports;var o=i[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=i,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)s.d(o,i,function(e){return t[e]}.bind(null,i));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var p=l;r.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},"0ed4":function(t,e,o){"use strict";o("369c")},"2b9f":function(t,e,o){"use strict";o("3cb0")},"2cba":function(t,e,o){"use strict";o("871b")},"369c":function(t,e,o){},"3cb0":function(t,e,o){},"56d7":function(t,e,o){"use strict";o.r(e);o("a79d");var i=o("2b0e"),n=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"app"}},[o("keep-alive",[this.$route.meta.keepAlive?o("router-view"):t._e()],1),this.$route.meta.keepAlive?t._e():o("router-view")],1)},r=[],s=(o("5c0b"),o("2877")),a={},l=Object(s["a"])(a,n,r,!1,null,null,null),c=l.exports,p=o("9483");Object(p["a"])("/service-worker.js",{ready(){console.log("App is being served from cache by a service worker.\nFor more details, visit https://goo.gl/AFskqB")},registered(){console.log("Service worker has been registered.")},cached(){console.log("Content has been cached for offline use.")},updatefound(){console.log("New content is downloading.")},updated(){console.log("New content is available; please refresh.")},offline(){console.log("No internet connection found. App is running in offline mode.")},error(t){console.error("Error during service worker registration:",t)}});var d=o("8c4f");o("bb51");i["a"].use(d["a"]);const u=[{path:"/",name:"Home",component:()=>Promise.resolve().then(o.bind(null,"bb51"))},{path:"*",redirect:"/",name:"notFound",hidden:!0}],f=new d["a"]({mode:"history",base:"/",routes:u});var m=f,g=o("2f62");i["a"].use(g["a"]);var h=new g["a"].Store({state:{},mutations:{},actions:{},modules:{}}),v=o("b678"),b=o.n(v),k=o("61e4"),w=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("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"}},[o("path",{attrs:{fill:t.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"}}),o("path",{attrs:{fill:t.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"}}),o("path",{attrs:{id:"身材",fill:"none",stroke:t.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"}}),o("rect",{attrs:{x:"87.5",y:"89",fill:t.fill,width:"3.1",height:"43"}}),o("path",{attrs:{id:"U",fill:"none",stroke:t.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"}}),o("line",{attrs:{id:"T1",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"95.3",y1:"104",x2:"104.5",y2:"104"}}),o("line",{attrs:{id:"T2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"99.9",y1:"117",x2:"99.9",y2:"104"}}),o("path",{attrs:{id:"E1",fill:"none",stroke:t.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"}}),o("line",{attrs:{id:"E2",fill:"none",stroke:t.stroke,"stroke-width":"3","stroke-miterlimit":"10",x1:"116.2",y1:"109.8",x2:"106.7",y2:"109.8"}}),o("rect",{attrs:{x:"124.5",y:"85.3",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 232.7188 -19.0313)",fill:t.fill,width:"2.7",height:"43"}}),o("rect",{attrs:{x:"124.1",y:"90.9",transform:"matrix(-1.836970e-16 1 -1 -1.836970e-16 237.7917 -12.9583)",fill:t.fill,width:"2.6",height:"43"}}),o("polygon",{attrs:{id:"D",fill:"none",stroke:t.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 "}}),o("path",{attrs:{fill:"none",stroke:t.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"}}),o("rect",{attrs:{x:"87.4",y:"106.9",fill:t.fill,width:"3.1",height:"5.8"}})])},x=[],_={name:"CustedLogo",computed:{stroke:function(){return"#249cff"},fill:function(){return"#fff"}}},C=_,y=Object(s["a"])(C,w,x,!1,null,null,null),j=y.exports,S=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"snake-bar",class:t.snack_bar_class},[o("div",{staticClass:"warp"},[o("div",{staticClass:"content"},[t._v(t._s(t.msg))])])])},$=[],O={name:"SnakeBar",props:["msg"],data(){return{snack_bar_class:""}},computed:{},methods:{openSnackBar(t){this.snack_bar_class="higher-snake-bar",setTimeout(()=>{this.snack_bar_class="lower-snake-bar"},2500)}},created(){this.openSnackBar()},mounted(){},watch:{},beforeDestroy(){},components:{},activated(){}},I=O,M=(o("2cba"),Object(s["a"])(I,S,$,!1,null,"6de0334b",null)),T=M.exports;let B,L=i["a"].extend(T),z=1,E=2e3,P=[];const N=()=>{Object.defineProperty(i["a"].prototype,"$snakebar",{get(){let t="snakebar_"+z++;const e=e=>(B=new L({propsData:{msg:e}}),E++,B.id=t,B.vm=B.$mount(),document.body.appendChild(B.vm.$el),P.push(B.vm.$el),setTimeout(()=>{document.body.removeChild(P.shift())},3e3),B.vm.$el.style.zIndex=E,B.vm);return e}})};var R=N;function A(){const t=document.documentElement.clientWidth||document.body.clientWidth,e=document.getElementsByTagName("html")[0];e.style.fontSize=t>=500?"50px":t/10+"px"}A(),onresize=A,i["a"].config.productionTip=!1,i["a"].use(b.a),i["a"].component("icon",k["a"]),i["a"].component("custedLogo",j),i["a"].use(R),new i["a"]({router:m,store:h,render:t=>t(c)}).$mount("#app")},"5c0b":function(t,e,o){"use strict";o("9c0c")},7126:function(t,e,o){var i={"./left_arrow.svg":"7992"};function n(t){var e=r(t);return o(e)}function r(t){if(!o.o(i,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return i[t]}n.keys=function(){return Object.keys(i)},n.resolve=r,t.exports=n,n.id="7126"},7992:function(t,e){t.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"}}]}}},"871b":function(t,e,o){},"9c0c":function(t,e,o){},bb51:function(t,e,o){"use strict";o.r(e);var i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"home"},[t.img?[o("header",[o("div",{staticClass:"warp"},[o("div",{on:{click:t.back}},[o("icon",{staticClass:"back",attrs:{name:"left_arrow"}})],1),o("p",[t._v("图片压缩")])])]),o("cropper-image",{ref:"child",attrs:{img:t.img}})]:o("main",[o("div",{staticClass:"logo-box"},[o("custedLogo",{staticClass:"logo"})],1),o("div",{staticClass:"title"},[t._v("护资照片压缩")]),t._m(0),o("div",{staticClass:"btn-submit",on:{click:t.selectImg}},[t._v("选择图片")]),o("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(e){return t.manageImg(e)}}})]),t._m(1)],2)},n=[function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tip-box"},[o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("冲印尺寸")]),o("div",{staticClass:"tip-content"},[t._v("25mm x 35mm")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("像素尺寸")]),o("div",{staticClass:"tip-content"},[t._v("295 x 413 px")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("分辨率")]),o("div",{staticClass:"tip-content"},[t._v("300 DPI")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("背景色")]),o("div",{staticClass:"tip-content"},[t._v("白色")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("文件大小")]),o("div",{staticClass:"tip-content"},[t._v("小于100kb")])]),o("div",{staticClass:"tip-line"},[o("div",{staticClass:"tip-title"},[t._v("其他")]),o("div",{staticClass:"tip-content"},[t._v(" 无噪点，不模糊，服装突出，肩膀等高，中性表情，双眼水平，人像剧中，人脸姿态自然 ")])])])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("footer",[o("a",{attrs:{href:"http://beian.miit.gov.cn/"}},[o("p",[t._v("吉ICP备18005655号")])]),o("p",[t._v("Copyright © 2020 小单同学")]),o("p",[t._v("All Rights Reserved")])])}],r=(o("ddb0"),o("2b3d"),function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"cropper-box"},[o("div",{staticClass:"cropper"},[o("vue-cropper",{ref:"cropper",attrs:{img:t.option.img,outputSize:t.option.outputSize,outputType:t.option.outputType,info:t.option.info,canScale:t.option.canScale,autoCrop:t.option.autoCrop,autoCropWidth:t.option.autoCropWidth,autoCropHeight:t.option.autoCropHeight,fixed:t.option.fixed,fixedNumber:t.option.fixedNumber,full:t.option.full,fixedBox:t.option.fixedBox,canMove:t.option.canMove,canMoveBox:t.option.canMoveBox,original:t.option.original,centerBox:t.option.centerBox,height:t.option.height,infoTrue:t.option.infoTrue,maxImgSize:t.option.maxImgSize,enlarge:t.option.enlarge,mode:t.option.mode},on:{realTime:t.realTime,imgLoad:t.imgLoad}})],1),o("footer",[o("div",{staticClass:"scope-btn"},[o("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(1)}}},[t._v("放大")]),o("div",{staticClass:"btn",on:{click:function(e){return t.changeScale(-1)}}},[t._v("缩小")]),o("div",{staticClass:"btn",on:{click:t.rotateLeft}},[t._v("↺ 左旋转")]),o("div",{staticClass:"btn",on:{click:t.rotateRight}},[t._v("↻ 右旋转")])]),o("div",{staticClass:"upload-btn"},[o("div",{staticClass:"btn-submit",on:{click:function(e){return t.donwloadImg()}}},[t._v("压缩图片并下载")])])])])}),s=[],a=o("b678"),l=(o("e688"),{name:"CropperImage",components:{VueCropper:a["VueCropper"]},props:["img"],data(){return{previews:{},option:{img:this.img,outputSize:1,outputType:"png",info:!1,canScale:!0,autoCrop:!0,autoCropWidth:200,autoCropHeight:280,fixed:!0,fixedNumber:[5,7],full:!1,fixedBox:!1,canMove:!1,canMoveBox:!0,original:!1,centerBox:!0,height:!0,infoTrue:!1,maxImgSize:3e3,enlarge:1,mode:"200px 280px"}}},methods:{imgLoad(t){console.log("工具初始化函数====="+t)},changeScale(t){t=t||1,this.$refs.cropper.changeScale(t)},rotateLeft(){this.$refs.cropper.rotateLeft()},rotateRight(){this.$refs.cropper.rotateRight()},realTime(t){this.previews=t},zipImg(t,e,o){return new Promise(i=>{const n=new Image;n.src=t,n.onload=()=>{const r=document.createElement("canvas"),s=r.getContext("2d");r.setAttribute("width",e),r.setAttribute("height",o),s.drawImage(n,0,0,e,o);const a=r.toDataURL("image/png");console.log(a.length/1024/1024),a.length/1024/1024>.1?(console.log(1,e,o),i(this.zipImg(t,.9*e,.9*o))):(console.log(2,e,o),i(a))}})},donwloadImg(){this.$refs.cropper.getCropData(async t=>{this.zipImg(t,295,413).then(t=>{console.log(t.length/1024/1024);const e=document.createElement("a");e.href=t,e.download="护士执业资格考试.png",document.body.appendChild(e),e.click(),document.body.removeChild(e)})})},selectImg(){this.$refs.upload.click()}}}),c=l,p=(o("0ed4"),o("2877")),d=Object(p["a"])(c,r,s,!1,null,"a7e6d032",null),u=d.exports,f={name:"Home",components:{CropperImage:u},data(){return{img:null}},methods:{back(){this.img=null},selectImg(){this.$refs.uploads.click()},manageImg:async function(t){let e=t.target.files[0];if(!/\.(jpg|jpeg|png|JPG|PNG)$/.test(t.target.value))return this.$snakebar("图片类型要求：jpeg、jpg、png"),!1;let o=new FileReader;o.onload=t=>{let e;e="object"===typeof t.target.result?window.URL.createObjectURL(new Blob([t.target.result])):t.target.result,this.img=e},o.readAsDataURL(e)}}},m=f,g=(o("2b9f"),Object(p["a"])(m,i,n,!1,null,"5d896ece",null));e["default"]=g.exports}});
\ No newline at end of file
diff --git a/dist/precache-manifest.9c5d6847d8d8d98439d811ac44aec1dc.js b/dist/precache-manifest.b1caaeaccf3927b7cec808d0496cd7df.js
similarity index 70%
rename from dist/precache-manifest.9c5d6847d8d8d98439d811ac44aec1dc.js
rename to dist/precache-manifest.b1caaeaccf3927b7cec808d0496cd7df.js
index 23a2cf8..68eb291 100644
--- a/dist/precache-manifest.9c5d6847d8d8d98439d811ac44aec1dc.js
+++ b/dist/precache-manifest.b1caaeaccf3927b7cec808d0496cd7df.js
@@ -1,19 +1,19 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "f678f3ba544d6addba30",
-    "url": "/css/app.5a59ad82.css"
+    "revision": "86e1dd73d8988d61c260",
+    "url": "/css/app.8201cec7.css"
   },
   {
     "revision": "dc7dfa177e02bb82fb74",
     "url": "/css/chunk-vendors.23c1f75a.css"
   },
   {
-    "revision": "c964bfb4786c3e5d102121b1845a11e2",
+    "revision": "87388b9650d353dcb3694d487a5381c7",
     "url": "/index.html"
   },
   {
-    "revision": "f678f3ba544d6addba30",
-    "url": "/js/app.adc6bfeb.js"
+    "revision": "86e1dd73d8988d61c260",
+    "url": "/js/app.c57b410b.js"
   },
   {
     "revision": "dc7dfa177e02bb82fb74",
diff --git a/dist/precache-manifest.57af2bfe1591510c7a45b35798ce6719.js b/dist/precache-manifest.d9deef7a1840ea8f861b991da20c7cb6.js
similarity index 66%
rename from dist/precache-manifest.57af2bfe1591510c7a45b35798ce6719.js
rename to dist/precache-manifest.d9deef7a1840ea8f861b991da20c7cb6.js
index bdb9357..d1bf1f1 100644
--- a/dist/precache-manifest.57af2bfe1591510c7a45b35798ce6719.js
+++ b/dist/precache-manifest.d9deef7a1840ea8f861b991da20c7cb6.js
@@ -1,19 +1,19 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "bdbf159056326227731c",
-    "url": "/css/app.5a59ad82.css"
+    "revision": "d99c3d331a88d016563a",
+    "url": "/css/app.8201cec7.css"
   },
   {
     "revision": "092e8f42717f524f5171",
     "url": "/css/chunk-vendors.23c1f75a.css"
   },
   {
-    "revision": "a1f58e3aebe6395667df7547c799d9ac",
+    "revision": "d07bda71ccf37ca65e5df6bb0ac05dea",
     "url": "/index.html"
   },
   {
-    "revision": "bdbf159056326227731c",
-    "url": "/js/app-legacy.c88b9551.js"
+    "revision": "d99c3d331a88d016563a",
+    "url": "/js/app-legacy.bd34b908.js"
   },
   {
     "revision": "092e8f42717f524f5171",
diff --git a/dist/service-worker.js b/dist/service-worker.js
index 97691fd..85a7f21 100644
--- a/dist/service-worker.js
+++ b/dist/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.9c5d6847d8d8d98439d811ac44aec1dc.js"
+  "/precache-manifest.b1caaeaccf3927b7cec808d0496cd7df.js"
 );
 
 workbox.core.setCacheNameDetails({prefix: "imgzip"});
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1d89b90..8396d0a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -201,11 +201,8 @@ export default {
     background: linear-gradient(to right, #3aa5fc, #20d6fa);
   }
   footer {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    padding-bottom: 0.3rem;
+    margin-top: 1rem;
+    margin-bottom: .5rem;
     p {
       text-align: center;
       font-size: 0.25rem;