From 29d4b4327082cadc7e0f234b59bf07c0303929c8 Mon Sep 17 00:00:00 2001
From: lfyfly <410793635@qq.com>
Date: Mon, 23 Oct 2017 10:08:08 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=A7=BB=E5=8A=A8?=
=?UTF-8?q?=E7=AB=AF=E5=85=BC=E5=AE=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
docs/index.html | 2 +-
.../app.028d3b6bbf75d90cb8f5ffd4a7429be5.css | 1 +
...app.028d3b6bbf75d90cb8f5ffd4a7429be5.css.map | 1 +
.../app.4ec8933edfc5afb0197d91873618cf8f.css | 1 -
...app.4ec8933edfc5afb0197d91873618cf8f.css.map | 1 -
docs/static/js/app.11bec664eb96e0fa4323.js | 2 ++
docs/static/js/app.11bec664eb96e0fa4323.js.map | 1 +
docs/static/js/app.c1542c278a8fee63f5b9.js | 2 --
docs/static/js/app.c1542c278a8fee63f5b9.js.map | 1 -
...cc35.js => manifest.6fb1e11b5717f84586a2.js} | 4 ++--
...map => manifest.6fb1e11b5717f84586a2.js.map} | 2 +-
index.html | 2 ++
package.json | 2 +-
src/App.vue | 17 +++++++++++++----
14 files changed, 25 insertions(+), 14 deletions(-)
create mode 100644 docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css
create mode 100644 docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css.map
delete mode 100644 docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css
delete mode 100644 docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css.map
create mode 100644 docs/static/js/app.11bec664eb96e0fa4323.js
create mode 100644 docs/static/js/app.11bec664eb96e0fa4323.js.map
delete mode 100644 docs/static/js/app.c1542c278a8fee63f5b9.js
delete mode 100644 docs/static/js/app.c1542c278a8fee63f5b9.js.map
rename docs/static/js/{manifest.ac02f9d0f4d7e651cc35.js => manifest.6fb1e11b5717f84586a2.js} (87%)
rename docs/static/js/{manifest.ac02f9d0f4d7e651cc35.js.map => manifest.6fb1e11b5717f84586a2.js.map} (96%)
diff --git a/docs/index.html b/docs/index.html
index 258dde3..2006943 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-Codestin Search App
\ No newline at end of file
+Codestin Search App
\ No newline at end of file
diff --git a/docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css b/docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css
new file mode 100644
index 0000000..5d8e7b7
--- /dev/null
+++ b/docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css
@@ -0,0 +1 @@
+body,html{height:100%;width:100%;margin:0;padding:0}#app .imgs-container{background:#000}#app .imgs-container img{width:25%}#app.is-mobile .imgs-container img{width:50%}.vue-preload-image{position:absolute;top:0;left:0;width:100%;height:100%;display:table;text-align:center}.vue-preload-image .progress{display:table-cell;vertical-align:middle}.vue-preload-image .progress p{margin:0}.vue-preload-image .progress .tip-str{margin-top:.4em}.vue-preload-image .progress .loadingAnimation{width:60px;height:60px;background-color:#67cf22;margin:0 auto;animation:a 1.2s infinite ease-in-out}@keyframes a{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
\ No newline at end of file
diff --git a/docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css.map b/docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css.map
new file mode 100644
index 0000000..08a8f74
--- /dev/null
+++ b/docs/static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack:///src/App.vue","webpack:///webpack:///src/components/vue-preload-image.vue"],"names":[],"mappings":"AACA,UAEE,YACA,WACA,SACA,SAAW,CAEb,qBACE,eAAiB,CAEnB,yBACI,SAAW,CAEf,mCACE,SAAW,CCdb,mBACE,kBACA,MACA,OACA,WACA,YACA,cACA,iBAAmB,CAErB,6BACI,mBACA,qBAAuB,CAE3B,+BACM,QAAU,CAEhB,sCACM,eAAiB,CAEvB,+CACM,WACA,YACA,yBACA,cACA,+CAAiD,CAEvD,uBACA,GACI,wDAA0D,CAE9D,IACI,6DAA+D,CAEnE,GACI,gEAAkE,CACrE","file":"static/css/app.028d3b6bbf75d90cb8f5ffd4a7429be5.css","sourcesContent":["\nhtml,\nbody {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n}\n#app .imgs-container {\n background: #000;\n}\n#app .imgs-container img {\n width: 25%;\n}\n#app.is-mobile .imgs-container img {\n width: 50%;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/App.vue","\n.vue-preload-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: table;\n text-align: center;\n}\n.vue-preload-image .progress {\n display: table-cell;\n vertical-align: middle;\n}\n.vue-preload-image .progress p {\n margin: 0;\n}\n.vue-preload-image .progress .tip-str {\n margin-top: .4em;\n}\n.vue-preload-image .progress .loadingAnimation {\n width: 60px;\n height: 60px;\n background-color: #67CF22;\n margin: 0 auto;\n animation: rotateplane 1.2s infinite ease-in-out;\n}\n@keyframes rotateplane {\n0% {\n transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n}\n50% {\n transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n}\n100% {\n transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/components/vue-preload-image.vue"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css b/docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css
deleted file mode 100644
index 935ee86..0000000
--- a/docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css
+++ /dev/null
@@ -1 +0,0 @@
-body,html{height:100%;width:100%;margin:0;padding:0}#app .imgs-container img{width:25%}.vue-preload-image{position:absolute;top:0;left:0;width:100%;height:100%;display:table;text-align:center}.vue-preload-image .progress{display:table-cell;vertical-align:middle}.vue-preload-image .progress p{margin:0}.vue-preload-image .progress .tip-str{margin-top:.4em}.vue-preload-image .progress .loadingAnimation{width:60px;height:60px;background-color:#67cf22;margin:0 auto;animation:a 1.2s infinite ease-in-out}@keyframes a{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
\ No newline at end of file
diff --git a/docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css.map b/docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css.map
deleted file mode 100644
index f5a8cb7..0000000
--- a/docs/static/css/app.4ec8933edfc5afb0197d91873618cf8f.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack:///src/App.vue","webpack:///webpack:///src/components/vue-preload-image.vue"],"names":[],"mappings":"AACA,UAEE,YACA,WACA,SACA,SAAW,CAEb,yBACE,SAAW,CCRb,mBACE,kBACA,MACA,OACA,WACA,YACA,cACA,iBAAmB,CAErB,6BACI,mBACA,qBAAuB,CAE3B,+BACM,QAAU,CAEhB,sCACM,eAAiB,CAEvB,+CACM,WACA,YACA,yBACA,cACA,+CAAiD,CAEvD,uBACA,GACI,wDAA0D,CAE9D,IACI,6DAA+D,CAEnE,GACI,gEAAkE,CACrE","file":"static/css/app.4ec8933edfc5afb0197d91873618cf8f.css","sourcesContent":["\nhtml,\nbody {\n height: 100%;\n width: 100%;\n margin: 0;\n padding: 0;\n}\n#app .imgs-container img {\n width: 25%;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/App.vue","\n.vue-preload-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: table;\n text-align: center;\n}\n.vue-preload-image .progress {\n display: table-cell;\n vertical-align: middle;\n}\n.vue-preload-image .progress p {\n margin: 0;\n}\n.vue-preload-image .progress .tip-str {\n margin-top: .4em;\n}\n.vue-preload-image .progress .loadingAnimation {\n width: 60px;\n height: 60px;\n background-color: #67CF22;\n margin: 0 auto;\n animation: rotateplane 1.2s infinite ease-in-out;\n}\n@keyframes rotateplane {\n0% {\n transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n}\n50% {\n transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n}\n100% {\n transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/components/vue-preload-image.vue"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/js/app.11bec664eb96e0fa4323.js b/docs/static/js/app.11bec664eb96e0fa4323.js
new file mode 100644
index 0000000..e474657
--- /dev/null
+++ b/docs/static/js/app.11bec664eb96e0fa4323.js
@@ -0,0 +1,2 @@
+webpackJsonp([0,2],[,function(t,e,i){i(5);var r=i(0)(i(3),i(8),null,null);t.exports=r.exports},,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(7),s=i.n(r);e.default={name:"app",components:{preloadImage:s.a},data:function(){return{imgUrls:["static/img/1.jpg","static/img/2.jpg","static/img/3.jpg","static/img/4.jpg","static/img/5.jpg","static/img/6.jpg","static/img/7.jpg","static/img/8.jpg","static/img/9.jpg","static/img/10.jpg","static/img/11.jpg","static/img/12.jpg"],preLoaded:!1,isMobile:!!navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)}},methods:{fn:function(){this.preLoaded=!0}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"vue-preload-image",props:{imgUrlArr:{type:Array,required:!0},animationShow:{type:Boolean,default:!0},tipStrShow:{type:Boolean,default:!0},progressShow:{type:Boolean,default:!0},progressType:{type:String,default:"percent"},order:{type:Boolean,default:!0},tipStr:{type:String,default:"图片预加载中..."}},data:function(){return{msg:"this is from vue-preload-image.vue",show:!0,progressStr:"",imgsSum:NaN,loadedCount:0}},methods:{init:function(){this.imgsSum=this.imgUrlArr.length,this.progressStr="percent"===this.progressType?"0%":"0/"+this.imgsSum},unorderedPreload:function(){var t=this;this.imgUrlArr.forEach(function(e,i){var r=new Image;r.addEventListener("load",t.imgLoaded),r.addEventListener("error",t.imgLoaded),r.src=e})},orderPreload:function(){var t=new Image;t.addEventListener("load",this.imgLoaded),t.addEventListener("error",this.imgLoaded),t.src=this.imgUrlArr[this.loadedCount]},imgLoaded:function(){this.loadedCount++,this.progressStr="percent"===this.progressType?parseInt(100*this.loadedCount/this.imgsSum)+"%":this.loadedCount+"/"+this.imgsSum,this.loadedCount>=this.imgsSum?(this.show=!1,this.$emit("imgAllLoaded")):this.order&&this.orderPreload()}},created:function(){this.init(),this.order?this.orderPreload():this.unorderedPreload()}}},function(t,e){},function(t,e){},function(t,e,i){i(6);var r=i(0)(i(4),i(9),null,null);t.exports=r.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{class:{"is-mobile":t.isMobile},attrs:{id:"app"}},[i("preload-image",{attrs:{imgUrlArr:t.imgUrls},on:{imgAllLoaded:t.fn}}),t.preLoaded?i("div",{staticClass:"imgs-container"},t._l(t.imgUrls,function(t,e){return i("img",{attrs:{src:t,alt:"第"+(e+1)+"张图片",title:"第"+(e+1)+"张图片"}})})):t._e()],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.show?i("div",{staticClass:"vue-preload-image"},[i("div",{staticClass:"progress"},[t._t("default"),t.animationShow?i("div",{staticClass:"loadingAnimation loadingAnimation"}):t._e(),t.tipStrShow?i("p",{staticClass:"tip-str"},[t._v(t._s(t.tipStr))]):t._e(),t.progressShow?i("p",{staticClass:"progress-str"},[t._v(t._s(t.progressStr))]):t._e()],2)]):t._e()},staticRenderFns:[]}},,,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(2),s=i.n(r),o=i(1),a=i.n(o);new s.a({el:"#app",template:"",components:{App:a.a}})}],[12]);
+//# sourceMappingURL=app.11bec664eb96e0fa4323.js.map
\ No newline at end of file
diff --git a/docs/static/js/app.11bec664eb96e0fa4323.js.map b/docs/static/js/app.11bec664eb96e0fa4323.js.map
new file mode 100644
index 0000000..498bd78
--- /dev/null
+++ b/docs/static/js/app.11bec664eb96e0fa4323.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///static/js/app.11bec664eb96e0fa4323.js","webpack:///./src/App.vue","webpack:///App.vue","webpack:///vue-preload-image.vue","webpack:///./src/components/vue-preload-image.vue","webpack:///./src/App.vue?7850","webpack:///./src/components/vue-preload-image.vue?8499","webpack:///./src/main.js"],"names":["webpackJsonp","module","exports","__webpack_require__","Component","__webpack_exports__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue__","__WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue___default","n","name","components","preloadImage","a","data","imgUrls","preLoaded","isMobile","navigator","userAgent","match","methods","fn","this","props","imgUrlArr","type","Array","required","animationShow","Boolean","default","tipStrShow","progressShow","progressType","String","order","tipStr","msg","show","progressStr","imgsSum","NaN","loadedCount","init","length","unorderedPreload","_this","forEach","imgUrl","i","oImg","Image","addEventListener","imgLoaded","src","orderPreload","parseInt","$emit","created","render","_vm","_h","$createElement","_c","_self","class","is-mobile","attrs","id","on","imgAllLoaded","staticClass","_l","v","alt","title","_e","staticRenderFns","_t","_v","_s","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_0_vue___default","__WEBPACK_IMPORTED_MODULE_1__App__","__WEBPACK_IMPORTED_MODULE_1__App___default","el","template","App"],"mappings":"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","file":"static/js/app.11bec664eb96e0fa4323.js","sourcesContent":["webpackJsonp([0,2],[\n/* 0 */,\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(5)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(3),\n /* template */\n __webpack_require__(8),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 2 */,\n/* 3 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n name: 'app',\n components: {\n preloadImage: __WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue___default.a\n },\n data: function data() {\n return {\n imgUrls: ['static/img/1.jpg', 'static/img/2.jpg', 'static/img/3.jpg', 'static/img/4.jpg', 'static/img/5.jpg', 'static/img/6.jpg', 'static/img/7.jpg', 'static/img/8.jpg', 'static/img/9.jpg', 'static/img/10.jpg', 'static/img/11.jpg', 'static/img/12.jpg'],\n\n preLoaded: false,\n isMobile: !!navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)\n };\n },\n\n methods: {\n fn: function fn() {\n this.preLoaded = true;\n }\n }\n};\n\n/***/ }),\n/* 4 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n name: 'vue-preload-image',\n props: {\n imgUrlArr: {\n type: Array,\n required: true\n },\n\n animationShow: {\n type: Boolean,\n default: true\n },\n tipStrShow: {\n type: Boolean,\n default: true\n },\n progressShow: {\n type: Boolean,\n default: true\n },\n progressType: {\n type: String,\n default: 'percent' },\n order: {\n type: Boolean,\n default: true\n },\n tipStr: {\n type: String,\n default: '图片预加载中...'\n }\n },\n data: function data() {\n return {\n msg: 'this is from vue-preload-image.vue',\n show: true,\n progressStr: '',\n imgsSum: NaN,\n loadedCount: 0\n };\n },\n\n methods: {\n init: function init() {\n this.imgsSum = this.imgUrlArr.length;\n this.progressStr = this.progressType === 'percent' ? '0%' : '0/' + this.imgsSum;\n },\n unorderedPreload: function unorderedPreload() {\n var _this = this;\n\n this.imgUrlArr.forEach(function (imgUrl, i) {\n var oImg = new Image();\n oImg.addEventListener('load', _this.imgLoaded);\n oImg.addEventListener('error', _this.imgLoaded);\n oImg.src = imgUrl;\n });\n },\n orderPreload: function orderPreload() {\n var oImg = new Image();\n oImg.addEventListener('load', this.imgLoaded);\n oImg.addEventListener('error', this.imgLoaded);\n oImg.src = this.imgUrlArr[this.loadedCount];\n },\n imgLoaded: function imgLoaded() {\n this.loadedCount++;\n this.progressStr = this.progressType === 'percent' ? parseInt(this.loadedCount * 100 / this.imgsSum) + '%' : this.loadedCount + '/' + this.imgsSum;\n\n if (this.loadedCount >= this.imgsSum) {\n this.show = false;\n this.$emit('imgAllLoaded');\n } else if (this.order) {\n this.orderPreload();\n }\n }\n },\n created: function created() {\n this.init();\n this.order ? this.orderPreload() : this.unorderedPreload();\n }\n};\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(6)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(4),\n /* template */\n __webpack_require__(9),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n class: {\n 'is-mobile': _vm.isMobile\n },\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('preload-image', {\n attrs: {\n \"imgUrlArr\": _vm.imgUrls\n },\n on: {\n \"imgAllLoaded\": _vm.fn\n }\n }), (_vm.preLoaded) ? _c('div', {\n staticClass: \"imgs-container\"\n }, _vm._l((_vm.imgUrls), function(v, i) {\n return _c('img', {\n attrs: {\n \"src\": v,\n \"alt\": (\"第\" + (i+1) + \"张图片\"),\n \"title\": (\"第\" + (i+1) + \"张图片\")\n }\n })\n })) : _vm._e()], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.show) ? _c('div', {\n staticClass: \"vue-preload-image\"\n }, [_c('div', {\n staticClass: \"progress\"\n }, [_vm._t(\"default\"), (_vm.animationShow) ? _c('div', {\n staticClass: \"loadingAnimation loadingAnimation\"\n }) : _vm._e(), (_vm.tipStrShow) ? _c('p', {\n staticClass: \"tip-str\"\n }, [_vm._v(_vm._s(_vm.tipStr))]) : _vm._e(), (_vm.progressShow) ? _c('p', {\n staticClass: \"progress-str\"\n }, [_vm._v(_vm._s(_vm.progressStr))]) : _vm._e()], 2)]) : _vm._e()\n},staticRenderFns: []}\n\n/***/ }),\n/* 10 */,\n/* 11 */,\n/* 12 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__App__);\n\n\n\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue___default.a({\n el: '#app',\n template: '',\n components: { App: __WEBPACK_IMPORTED_MODULE_1__App___default.a }\n});\n\n/***/ })\n],[12]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.11bec664eb96e0fa4323.js","\n/* styles */\nrequire(\"!!./../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?minimize&sourceMap!./../node_modules/vue-loader/lib/style-rewriter?{\\\"id\\\":\\\"data-v-2a1c808e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!sass-loader?sourceMap!./../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n\nvar Component = require(\"!./../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n /* template */\n require(\"!!./../node_modules/vue-loader/lib/template-compiler?{\\\"id\\\":\\\"data-v-2a1c808e\\\"}!./../node_modules/vue-loader/lib/template-loader?raw&engine=pug!./../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 1\n// module chunks = 0","\n#app(:class=\"{'is-mobile':isMobile}\")\n preload-image(:imgUrlArr=\"imgUrls\", @imgAllLoaded=\"fn\")\n\n .imgs-container(v-if=\"preLoaded\")\n img(v-for=\"(v,i) in imgUrls\",:src=\"v\",:alt=\"`第${i+1}张图片`\",:title=\"`第${i+1}张图片`\")\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// App.vue?690fb70e","\n\n\n\n\n.vue-preload-image(v-if=\"show\")\n .progress\n slot\n div.loadingAnimation(v-if=\"animationShow\").loadingAnimation\n p.tip-str(v-if=\"tipStrShow\") {{tipStr}}\n p.progress-str(v-if=\"progressShow\") {{progressStr}}\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// vue-preload-image.vue?7b9d304a","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?minimize&sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?{\\\"id\\\":\\\"data-v-b13c5562\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!sass-loader?sourceMap!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./vue-preload-image.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-preload-image.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?{\\\"id\\\":\\\"data-v-b13c5562\\\"}!./../../node_modules/vue-loader/lib/template-loader?raw&engine=pug!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./vue-preload-image.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vue-preload-image.vue\n// module id = 7\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n class: {\n 'is-mobile': _vm.isMobile\n },\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('preload-image', {\n attrs: {\n \"imgUrlArr\": _vm.imgUrls\n },\n on: {\n \"imgAllLoaded\": _vm.fn\n }\n }), (_vm.preLoaded) ? _c('div', {\n staticClass: \"imgs-container\"\n }, _vm._l((_vm.imgUrls), function(v, i) {\n return _c('img', {\n attrs: {\n \"src\": v,\n \"alt\": (\"第\" + (i+1) + \"张图片\"),\n \"title\": (\"第\" + (i+1) + \"张图片\")\n }\n })\n })) : _vm._e()], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?{\"id\":\"data-v-2a1c808e\"}!./~/vue-loader/lib/template-loader.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 8\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.show) ? _c('div', {\n staticClass: \"vue-preload-image\"\n }, [_c('div', {\n staticClass: \"progress\"\n }, [_vm._t(\"default\"), (_vm.animationShow) ? _c('div', {\n staticClass: \"loadingAnimation loadingAnimation\"\n }) : _vm._e(), (_vm.tipStrShow) ? _c('p', {\n staticClass: \"tip-str\"\n }, [_vm._v(_vm._s(_vm.tipStr))]) : _vm._e(), (_vm.progressShow) ? _c('p', {\n staticClass: \"progress-str\"\n }, [_vm._v(_vm._s(_vm.progressStr))]) : _vm._e()], 2)]) : _vm._e()\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?{\"id\":\"data-v-b13c5562\"}!./~/vue-loader/lib/template-loader.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vue-preload-image.vue\n// module id = 9\n// module chunks = 0","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n template: '',\n components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/js/app.c1542c278a8fee63f5b9.js b/docs/static/js/app.c1542c278a8fee63f5b9.js
deleted file mode 100644
index 362e6fa..0000000
--- a/docs/static/js/app.c1542c278a8fee63f5b9.js
+++ /dev/null
@@ -1,2 +0,0 @@
-webpackJsonp([0,2],[,function(t,e,i){i(5);var r=i(0)(i(3),i(8),null,null);t.exports=r.exports},,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(7),s=i.n(r);e.default={name:"app",components:{preloadImage:s.a},data:function(){return{imgUrls:["static/img/1.jpg","static/img/2.jpg","static/img/3.jpg","static/img/4.jpg","static/img/5.jpg","static/img/6.jpg","static/img/7.jpg","static/img/8.jpg","static/img/9.jpg","static/img/10.jpg","static/img/11.jpg","static/img/12.jpg"],preLoaded:!1}},methods:{fn:function(){this.preLoaded=!0}}}},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"vue-preload-image",props:{imgUrlArr:{type:Array,required:!0},animationShow:{type:Boolean,default:!0},tipStrShow:{type:Boolean,default:!0},progressShow:{type:Boolean,default:!0},progressType:{type:String,default:"percent"},order:{type:Boolean,default:!0},tipStr:{type:String,default:"图片预加载中..."}},data:function(){return{msg:"this is from vue-preload-image.vue",show:!0,progressStr:"",imgsSum:NaN,loadedCount:0}},methods:{init:function(){this.imgsSum=this.imgUrlArr.length,this.progressStr="percent"===this.progressType?"0%":"0/"+this.imgsSum},unorderedPreload:function(){var t=this;this.imgUrlArr.forEach(function(e,i){var r=new Image;r.addEventListener("load",t.imgLoaded),r.addEventListener("error",t.imgLoaded),r.src=e})},orderPreload:function(){var t=new Image;t.addEventListener("load",this.imgLoaded),t.addEventListener("error",this.imgLoaded),t.src=this.imgUrlArr[this.loadedCount]},imgLoaded:function(){this.loadedCount++,this.progressStr="percent"===this.progressType?parseInt(100*this.loadedCount/this.imgsSum)+"%":this.loadedCount+"/"+this.imgsSum,this.loadedCount>=this.imgsSum?(this.show=!1,this.$emit("imgAllLoaded")):this.order&&this.orderPreload()}},created:function(){this.init(),this.order?this.orderPreload():this.unorderedPreload()}}},function(t,e){},function(t,e){},function(t,e,i){i(6);var r=i(0)(i(4),i(9),null,null);t.exports=r.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"app"}},[i("preload-image",{attrs:{imgUrlArr:t.imgUrls},on:{imgAllLoaded:t.fn}}),t.preLoaded?i("div",{staticClass:"imgs-container"},t._l(t.imgUrls,function(t,e){return i("img",{attrs:{src:t,alt:"第"+(e+1)+"张图片",title:"第"+(e+1)+"张图片"}})})):t._e()],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.show?i("div",{staticClass:"vue-preload-image"},[i("div",{staticClass:"progress"},[t._t("default"),t.animationShow?i("div",{staticClass:"loadingAnimation loadingAnimation"}):t._e(),t.tipStrShow?i("p",{staticClass:"tip-str"},[t._v(t._s(t.tipStr))]):t._e(),t.progressShow?i("p",{staticClass:"progress-str"},[t._v(t._s(t.progressStr))]):t._e()],2)]):t._e()},staticRenderFns:[]}},,,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i(2),s=i.n(r),a=i(1),o=i.n(a);new s.a({el:"#app",template:"",components:{App:o.a}})}],[12]);
-//# sourceMappingURL=app.c1542c278a8fee63f5b9.js.map
\ No newline at end of file
diff --git a/docs/static/js/app.c1542c278a8fee63f5b9.js.map b/docs/static/js/app.c1542c278a8fee63f5b9.js.map
deleted file mode 100644
index 41b3261..0000000
--- a/docs/static/js/app.c1542c278a8fee63f5b9.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///static/js/app.c1542c278a8fee63f5b9.js","webpack:///./src/App.vue","webpack:///App.vue","webpack:///vue-preload-image.vue","webpack:///./src/components/vue-preload-image.vue","webpack:///./src/App.vue?7850","webpack:///./src/components/vue-preload-image.vue?8499","webpack:///./src/main.js"],"names":["webpackJsonp","module","exports","__webpack_require__","Component","__webpack_exports__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue__","__WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue___default","n","name","components","preloadImage","a","data","imgUrls","preLoaded","methods","fn","this","props","imgUrlArr","type","Array","required","animationShow","Boolean","default","tipStrShow","progressShow","progressType","String","order","tipStr","msg","show","progressStr","imgsSum","NaN","loadedCount","init","length","unorderedPreload","_this","forEach","imgUrl","i","oImg","Image","addEventListener","imgLoaded","src","orderPreload","parseInt","$emit","created","render","_vm","_h","$createElement","_c","_self","attrs","id","on","imgAllLoaded","staticClass","_l","v","alt","title","_e","staticRenderFns","_t","_v","_s","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_0_vue___default","__WEBPACK_IMPORTED_MODULE_1__App__","__WEBPACK_IMPORTED_MODULE_1__App___default","el","template","App"],"mappings":"AAAAA,cAAc,EAAE,IACT,CAED,SAAUC,EAAQC,EAASC,GCDjCA,EAAA,EAEA,IAAAC,GAAAD,EAAA,GAEAA,EAAA,GAEAA,EAAA,GAEA,KAEA,KAGAF,GAAAC,QAAAE,EAAAF,SDSO,CAED,SAAUD,EAAQI,EAAqBF,GAE7C,YACAG,QAAOC,eAAeF,EAAqB,cAAgBG,OAAO,GAC7C,IAAIC,GAAiEN,EAAoB,GACrFO,EAAyEP,EAAoBQ,EAAEF,EEnBxHJ,GAAA,SFyBEO,KEvBF,MFwBEC,YErBFC,aAAAJ,EAAAK,GFwBEC,KAAM,WACJ,OACEC,SAAU,mBAAoB,mBAAoB,mBAAoB,mBAAoB,mBAAoB,mBAAoB,mBAAoB,mBAAoB,mBAAoB,oBAAqB,oBErBzN,qBFuBMC,WErBN,IFwBEC,SACEC,GAAI,WACFC,KAAKH,WEtBX,MF6BM,SAAUjB,EAAQI,EAAqBF,GAE7C,YACAG,QAAOC,eAAeF,EAAqB,cAAgBG,OAAO,IGDlEH,EAAA,SHKEO,KGHF,oBHIEU,OACEC,WACEC,KGFNC,MHGMC,UGAN,GHGIC,eACEH,KGFNI,QHGMC,SGDN,GHGIC,YACEN,KGFNI,QHGMC,SGDN,GHGIE,cACEP,KGFNI,QHGMC,SGDN,GHGIG,cACER,KGFNS,OHGMJ,QGDN,WHEIK,OACEV,KGDNI,QHEMC,SGAN,GHEIM,QACEX,KGDNS,OHEMJ,QGCN,cHEEb,KAAM,WACJ,OACEoB,IGDN,qCHEMC,MGDN,EHEMC,YGDN,GHEMC,QGDNC,IHEMC,YGAN,IHIEtB,SACEuB,KAAM,WACJrB,KAAKkB,QAAUlB,KAAKE,UGF1BoB,OHGMtB,KAAKiB,YAAoC,YAAtBjB,KAAKW,aAA6B,KAAO,KAAOX,KGFzEkB,SHIIK,iBAAkB,WGFtB,GAAAC,GAAAxB,IHKMA,MAAKE,UAAUuB,QAAQ,SAAUC,EAAQC,GACvC,GAAIC,GAAO,GGJnBC,MHKQD,GAAKE,iBAAiB,OAAQN,EGJtCO,WHKQH,EAAKE,iBAAiB,QAASN,EGJvCO,WHKQH,EAAKI,IGJbN,KHOIO,aAAc,WACZ,GAAIL,GAAO,GGJjBC,MHKMD,GAAKE,iBAAiB,OAAQ9B,KGJpC+B,WHKMH,EAAKE,iBAAiB,QAAS9B,KGJrC+B,WHKMH,EAAKI,IAAMhC,KAAKE,UAAUF,KGJhCoB,cHMIW,UAAW,WACT/B,KGJNoB,cHKMpB,KAAKiB,YAAoC,YAAtBjB,KAAKW,aAA6BuB,SAA4B,IAAnBlC,KAAKoB,YAAoBpB,KAAKkB,SAAW,IAAMlB,KAAKoB,YAAc,IAAMpB,KGH5IkB,QHKUlB,KAAKoB,aAAepB,KAAKkB,SAC3BlB,KAAKgB,MGJb,EHKQhB,KAAKmC,MGJb,iBHKiBnC,KAAKa,OACdb,KGJRiC,iBHQEG,QAAS,WACPpC,KGJJqB,OHKIrB,KAAKa,MAAQb,KAAKiC,eAAiBjC,KGHvCuB,sBHSM,SAAU3C,EAAQC,KAMlB,SAAUD,EAAQC,KAMlB,SAAUD,EAAQC,EAASC,GI5JjCA,EAAA,EAEA,IAAAC,GAAAD,EAAA,GAEAA,EAAA,GAEAA,EAAA,GAEA,KAEA,KAGAF,GAAAC,QAAAE,EAAAF,SJqKM,SAAUD,EAAQC,GKpLxBD,EAAAC,SAAgBwD,OAAA,WAAmB,GAAAC,GAAAtC,KAAauC,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CAC1E,OAAAE,GAAA,OACAE,OACAC,GAAA,SAEGH,EAAA,iBACHE,OACAzC,UAAAoC,EAAA1C,SAEAiD,IACAC,aAAAR,EAAAvC,MAEGuC,EAAA,UAAAG,EAAA,OACHM,YAAA,kBACGT,EAAAU,GAAAV,EAAA,iBAAAW,EAAAtB,GACH,MAAAc,GAAA,OACAE,OACAX,IAAAiB,EACAC,IAAA,KAAAvB,EAAA,SACAwB,MAAA,KAAAxB,EAAA,eAGGW,EAAAc,MAAA,IACFC,qBL0LK,SAAUzE,EAAQC,GMjNxBD,EAAAC,SAAgBwD,OAAA,WAAmB,GAAAC,GAAAtC,KAAauC,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,CAC1E,OAAAD,GAAA,KAAAG,EAAA,OACAM,YAAA,sBACGN,EAAA,OACHM,YAAA,aACGT,EAAAgB,GAAA,WAAAhB,EAAA,cAAAG,EAAA,OACHM,YAAA,sCACGT,EAAAc,KAAAd,EAAA,WAAAG,EAAA,KACHM,YAAA,YACGT,EAAAiB,GAAAjB,EAAAkB,GAAAlB,EAAAxB,WAAAwB,EAAAc,KAAAd,EAAA,aAAAG,EAAA,KACHM,YAAA,iBACGT,EAAAiB,GAAAjB,EAAAkB,GAAAlB,EAAArB,gBAAAqB,EAAAc,MAAA,KAAAd,EAAAc,MACFC,qBNsNO,CACA,CAEF,SAAUzE,EAAQI,EAAqBF,GAE7C,YACAG,QAAOC,eAAeF,EAAqB,cAAgBG,OAAO,GAC7C,IAAIsE,GAAoC3E,EAAoB,GACxD4E,EAA4C5E,EAAoBQ,EAAEmE,GAClEE,EAAqC7E,EAAoB,GACzD8E,EAA6C9E,EAAoBQ,EAAEqE,EOtO5F,IAAID,GAAAhE,GACFmE,GAAI,OACJC,SAAU,SACVtE,YAAcuE,IAAAH,EAAAlE,QP+Ob","file":"static/js/app.c1542c278a8fee63f5b9.js","sourcesContent":["webpackJsonp([0,2],[\n/* 0 */,\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(5)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(3),\n /* template */\n __webpack_require__(8),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 2 */,\n/* 3 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n name: 'app',\n components: {\n preloadImage: __WEBPACK_IMPORTED_MODULE_0_components_vue_preload_image_vue___default.a\n },\n data: function data() {\n return {\n imgUrls: ['static/img/1.jpg', 'static/img/2.jpg', 'static/img/3.jpg', 'static/img/4.jpg', 'static/img/5.jpg', 'static/img/6.jpg', 'static/img/7.jpg', 'static/img/8.jpg', 'static/img/9.jpg', 'static/img/10.jpg', 'static/img/11.jpg', 'static/img/12.jpg'],\n\n preLoaded: false };\n },\n\n methods: {\n fn: function fn() {\n this.preLoaded = true;\n }\n }\n};\n\n/***/ }),\n/* 4 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n name: 'vue-preload-image',\n props: {\n imgUrlArr: {\n type: Array,\n required: true\n },\n\n animationShow: {\n type: Boolean,\n default: true\n },\n tipStrShow: {\n type: Boolean,\n default: true\n },\n progressShow: {\n type: Boolean,\n default: true\n },\n progressType: {\n type: String,\n default: 'percent' },\n order: {\n type: Boolean,\n default: true\n },\n tipStr: {\n type: String,\n default: '图片预加载中...'\n }\n },\n data: function data() {\n return {\n msg: 'this is from vue-preload-image.vue',\n show: true,\n progressStr: '',\n imgsSum: NaN,\n loadedCount: 0\n };\n },\n\n methods: {\n init: function init() {\n this.imgsSum = this.imgUrlArr.length;\n this.progressStr = this.progressType === 'percent' ? '0%' : '0/' + this.imgsSum;\n },\n unorderedPreload: function unorderedPreload() {\n var _this = this;\n\n this.imgUrlArr.forEach(function (imgUrl, i) {\n var oImg = new Image();\n oImg.addEventListener('load', _this.imgLoaded);\n oImg.addEventListener('error', _this.imgLoaded);\n oImg.src = imgUrl;\n });\n },\n orderPreload: function orderPreload() {\n var oImg = new Image();\n oImg.addEventListener('load', this.imgLoaded);\n oImg.addEventListener('error', this.imgLoaded);\n oImg.src = this.imgUrlArr[this.loadedCount];\n },\n imgLoaded: function imgLoaded() {\n this.loadedCount++;\n this.progressStr = this.progressType === 'percent' ? parseInt(this.loadedCount * 100 / this.imgsSum) + '%' : this.loadedCount + '/' + this.imgsSum;\n\n if (this.loadedCount >= this.imgsSum) {\n this.show = false;\n this.$emit('imgAllLoaded');\n } else if (this.order) {\n this.orderPreload();\n }\n }\n },\n created: function created() {\n this.init();\n this.order ? this.orderPreload() : this.unorderedPreload();\n }\n};\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(6)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(4),\n /* template */\n __webpack_require__(9),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('preload-image', {\n attrs: {\n \"imgUrlArr\": _vm.imgUrls\n },\n on: {\n \"imgAllLoaded\": _vm.fn\n }\n }), (_vm.preLoaded) ? _c('div', {\n staticClass: \"imgs-container\"\n }, _vm._l((_vm.imgUrls), function(v, i) {\n return _c('img', {\n attrs: {\n \"src\": v,\n \"alt\": (\"第\" + (i+1) + \"张图片\"),\n \"title\": (\"第\" + (i+1) + \"张图片\")\n }\n })\n })) : _vm._e()], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.show) ? _c('div', {\n staticClass: \"vue-preload-image\"\n }, [_c('div', {\n staticClass: \"progress\"\n }, [_vm._t(\"default\"), (_vm.animationShow) ? _c('div', {\n staticClass: \"loadingAnimation loadingAnimation\"\n }) : _vm._e(), (_vm.tipStrShow) ? _c('p', {\n staticClass: \"tip-str\"\n }, [_vm._v(_vm._s(_vm.tipStr))]) : _vm._e(), (_vm.progressShow) ? _c('p', {\n staticClass: \"progress-str\"\n }, [_vm._v(_vm._s(_vm.progressStr))]) : _vm._e()], 2)]) : _vm._e()\n},staticRenderFns: []}\n\n/***/ }),\n/* 10 */,\n/* 11 */,\n/* 12 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__App__);\n\n\n\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue___default.a({\n el: '#app',\n template: '',\n components: { App: __WEBPACK_IMPORTED_MODULE_1__App___default.a }\n});\n\n/***/ })\n],[12]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.c1542c278a8fee63f5b9.js","\n/* styles */\nrequire(\"!!./../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?minimize&sourceMap!./../node_modules/vue-loader/lib/style-rewriter?{\\\"id\\\":\\\"data-v-2a1c808e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!sass-loader?sourceMap!./../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n\nvar Component = require(\"!./../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n /* template */\n require(\"!!./../node_modules/vue-loader/lib/template-compiler?{\\\"id\\\":\\\"data-v-2a1c808e\\\"}!./../node_modules/vue-loader/lib/template-loader?raw&engine=pug!./../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 1\n// module chunks = 0","\n#app\n preload-image(:imgUrlArr=\"imgUrls\", @imgAllLoaded=\"fn\")\n\n .imgs-container(v-if=\"preLoaded\")\n img(v-for=\"(v,i) in imgUrls\",:src=\"v\",:alt=\"`第${i+1}张图片`\",:title=\"`第${i+1}张图片`\")\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// App.vue?2cb77ecb","\n\n\n\n\n.vue-preload-image(v-if=\"show\")\n .progress\n slot\n div.loadingAnimation(v-if=\"animationShow\").loadingAnimation\n p.tip-str(v-if=\"tipStrShow\") {{tipStr}}\n p.progress-str(v-if=\"progressShow\") {{progressStr}}\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// vue-preload-image.vue?7b9d304a","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?minimize&sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?{\\\"id\\\":\\\"data-v-b13c5562\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!sass-loader?sourceMap!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./vue-preload-image.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-preload-image.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?{\\\"id\\\":\\\"data-v-b13c5562\\\"}!./../../node_modules/vue-loader/lib/template-loader?raw&engine=pug!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./vue-preload-image.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vue-preload-image.vue\n// module id = 7\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('preload-image', {\n attrs: {\n \"imgUrlArr\": _vm.imgUrls\n },\n on: {\n \"imgAllLoaded\": _vm.fn\n }\n }), (_vm.preLoaded) ? _c('div', {\n staticClass: \"imgs-container\"\n }, _vm._l((_vm.imgUrls), function(v, i) {\n return _c('img', {\n attrs: {\n \"src\": v,\n \"alt\": (\"第\" + (i+1) + \"张图片\"),\n \"title\": (\"第\" + (i+1) + \"张图片\")\n }\n })\n })) : _vm._e()], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?{\"id\":\"data-v-2a1c808e\"}!./~/vue-loader/lib/template-loader.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 8\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.show) ? _c('div', {\n staticClass: \"vue-preload-image\"\n }, [_c('div', {\n staticClass: \"progress\"\n }, [_vm._t(\"default\"), (_vm.animationShow) ? _c('div', {\n staticClass: \"loadingAnimation loadingAnimation\"\n }) : _vm._e(), (_vm.tipStrShow) ? _c('p', {\n staticClass: \"tip-str\"\n }, [_vm._v(_vm._s(_vm.tipStr))]) : _vm._e(), (_vm.progressShow) ? _c('p', {\n staticClass: \"progress-str\"\n }, [_vm._v(_vm._s(_vm.progressStr))]) : _vm._e()], 2)]) : _vm._e()\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?{\"id\":\"data-v-b13c5562\"}!./~/vue-loader/lib/template-loader.js?raw&engine=pug!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vue-preload-image.vue\n// module id = 9\n// module chunks = 0","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n template: '',\n components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/js/manifest.ac02f9d0f4d7e651cc35.js b/docs/static/js/manifest.6fb1e11b5717f84586a2.js
similarity index 87%
rename from docs/static/js/manifest.ac02f9d0f4d7e651cc35.js
rename to docs/static/js/manifest.6fb1e11b5717f84586a2.js
index 7fed643..bafed54 100644
--- a/docs/static/js/manifest.ac02f9d0f4d7e651cc35.js
+++ b/docs/static/js/manifest.6fb1e11b5717f84586a2.js
@@ -1,2 +1,2 @@
-!function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s
Codestin Search App
+
+
diff --git a/package.json b/package.json
index 640ee60..6974969 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
"build": "node build/build.js"
},
"dependencies": {
- "node-sass": "^4.5.0",
+ "node-sass": "^4.5.3",
"vue": "^2.1.10"
},
"devDependencies": {
diff --git a/src/App.vue b/src/App.vue
index 22827a1..e7e7c06 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
-#app
+#app(:class="{'is-mobile':isMobile}")
preload-image(:imgUrlArr="imgUrls", @imgAllLoaded="fn")
.imgs-container(v-if="preLoaded")
@@ -17,10 +17,10 @@ export default {
},
data() {
return {
- imgUrls: ['static/img/1.jpg', 'static/img/2.jpg', 'static/img/3.jpg', 'static/img/4.jpg', 'static/img/5.jpg', 'static/img/6.jpg', 'static/img/7.jpg', 'static/img/8.jpg', 'static/img/9.jpg', 'static/img/10.jpg','static/img/11.jpg', 'static/img/12.jpg'],
+ imgUrls: ['static/img/1.jpg', 'static/img/2.jpg', 'static/img/3.jpg', 'static/img/4.jpg', 'static/img/5.jpg', 'static/img/6.jpg', 'static/img/7.jpg', 'static/img/8.jpg', 'static/img/9.jpg', 'static/img/10.jpg', 'static/img/11.jpg', 'static/img/12.jpg'],
- // imgUrls: ['static/img/1.jpg', 'static/img/2.jpg', 'static/img/3.jpg', 'static/img/4.jpg', 'static/img/5.jpg', 'static/img/6.jpg', 'static/img/7.jpg', 'static/img/8.jpg', 'static/img/9.jpg', 'static/img/10.jpg', 'static/img/11.jpg', 'static/img/12.jpg', 'static/img/13.jpg', 'static/img/14.jpg', 'static/img/15.jpg', 'static/img/16.jpg', 'static/img/17.jpg', 'static/img/18.jpg', 'static/img/19.jpg', 'static/img/20.jpg'],
- preLoaded: false // 预加载是否完成
+ preLoaded: false, // 预加载是否完成
+ isMobile: !!navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)
}
},
methods: {
@@ -42,9 +42,18 @@ body {
#app {
.imgs-container {
+ background: #000;
+
img {
width: 25%;
}
}
+ &.is-mobile {
+ .imgs-container {
+ img {
+ width: 50%;
+ }
+ }
+ }
}
From 4419834d028da3cd6cf435d0cd9ab21c3b1bd68a Mon Sep 17 00:00:00 2001
From: lfyfly <410793635@qq.com>
Date: Wed, 24 Apr 2019 23:59:32 +0800
Subject: [PATCH 2/3] Update README.md
---
README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/README.md b/README.md
index a5181d9..8aab372 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
当网页中存在大量图片，且网速缓慢时，会带来极差的用户体验。
我们可以利用**加载页面**来**预加载图片资源**，获得流畅的用户体验。
-## [DEMO](http://lfyfly.gitee.io/vue-preload-image/docs/)
+## [DEMO](http://lfyfly.github.io/vue-preload-image/docs/)
## [github](https://github.com/lfyfly/vue-preload-image)
## 适用于vue2.x
## 安装
From bf7d71c3494f5fdac04c07753ea9a20ed9f380cf Mon Sep 17 00:00:00 2001
From: lfyfly <410793635@qq.com>
Date: Thu, 25 Apr 2019 00:00:44 +0800
Subject: [PATCH 3/3] Update README.md
---
README.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 8aab372..b3262dd 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
当网页中存在大量图片，且网速缓慢时，会带来极差的用户体验。
我们可以利用**加载页面**来**预加载图片资源**，获得流畅的用户体验。
-## [DEMO](http://lfyfly.github.io/vue-preload-image/docs/)
+## [DEMO](https://lfyfly.github.io/vue-preload-image/)
## [github](https://github.com/lfyfly/vue-preload-image)
## 适用于vue2.x
## 安装