diff --git a/demo/index.html b/demo/index.html index 2850bca..71bfb83 100644 --- a/demo/index.html +++ b/demo/index.html @@ -1 +1 @@ -vue-waterfall-easy
\ No newline at end of file +vue-waterfall-easy
\ No newline at end of file diff --git a/demo/static/css/app.4eb5ad0e5de7dc0292fc58aee9b51007.css b/demo/static/css/app.4eb5ad0e5de7dc0292fc58aee9b51007.css deleted file mode 100644 index 7a8a7f3..0000000 --- a/demo/static/css/app.4eb5ad0e5de7dc0292fc58aee9b51007.css +++ /dev/null @@ -1,2 +0,0 @@ -*{margin:0;padding:0}a{text-decoration:none}a,a:active{color:#000}#app,body,html{height:100%}#app #header{display:block;text-align:center;background:#000;color:#ccc;line-height:32px;font-size:16px;font-weight:700;letter-spacing:2px;position:fixed;z-index:999;width:100%}#app #content{position:absolute;top:32px;bottom:0;width:100%}#app{overflow:auto;position:relative}#app .some-info{line-height:1.6;text-align:center}.vue-waterfall-easy-container[data-v-cc0e62e4]{width:100%;height:100%;position:relative}.vue-waterfall-easy-container .vue-waterfall-easy-scroll[data-v-cc0e62e4]{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.vue-waterfall-easy-container .vue-waterfall-easy[data-v-cc0e62e4]{position:absolute;width:100%}@keyframes show-card-data-v-cc0e62e4{0%{transform:scale(.5)}to{transform:scale(1)}}.vue-waterfall-easy-container .vue-waterfall-easy>.img-box[data-v-cc0e62e4]{position:absolute;box-sizing:border-box;width:50%}.vue-waterfall-easy-container .vue-waterfall-easy>.img-box.default-card-animation[data-v-cc0e62e4]{animation:show-card-data-v-cc0e62e4 .4s;transition:left .6s,top .6s;transition-delay:.1s}.vue-waterfall-easy-container .vue-waterfall-easy a[data-v-cc0e62e4]{display:block}.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box[data-v-cc0e62e4]{box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:4px}.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper[data-v-cc0e62e4]{background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1M0JCM0QwNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1M0JCM0NGNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYwRUMyMDE2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwRUMyMDI2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCACRAJEDASIAAhEBAxEB/8QAZQAAAwEBAQAAAAAAAAAAAAAAAAIDAQQHAQEAAAAAAAAAAAAAAAAAAAAAEAACAQMDBAEFAAMBAAAAAAAAAQIRMQMhQRJRYYEycZHBIkITsdFSYhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AAAAAMFnNQWt9kAwkssVbV9CTnKb10XQVtLSyAd5ZuzURW27yfhmX9RlDI+wD4Vf/ZVi41SKCdeNI3YEnOXJtOiBZZr/wBGcMi2Ft7AXjli76PoOcqael0Mpyg9NV0A6QEhNTWl90MBoAAAAAAGGiTlxjXfZAZkycdEqyI3q26sOrd92CTm6bbsA1boh1i3lqPGKiqIZAYklYHY0x6tIDY2B3NdjEBgNJ3NACTxbx0E1TozoYsoqSowI2o06MtjyctGqSItODptsw6NX2YHSaJCXKNd90OAAAAYznnLnJvZWK5pUjRXloiNdwCjk0l9S0YqKohcSpGrvLUcDUBLK23x23FWNtVSAuHch/KXQP5PoBdqq77GJ1XfczFVKjVBcuPk6rXqBQCH8n0D+UugFwZD+bV1oNif5OOzQDyipKjI0cW0/qXYmVVjVXjqAkZcHXZ3OhHNXcthlWNHeOjAoAABDLKs6bISlWl1Busm+42Jfm30At2BmI1gRy+3gpD1XwTy+3gpH1QDASyt8uKdFuJRw1iwOjdBKy+TIutGbK3kAAxtJNuwiywdmA7s/glj9/BV04unQli9l8AWDsBjAhSja6D4pUnTZmZV+afUVOkk+4HUBgAc0bD4v2+fsJGw+L9vn7AVQMEDAjl9vBSHqvgnl9vBSHqvgDJwbfJC8JPSlEO5wTo3qMnUDEqNGz0jXoD08BRSXyBB/m6u2xvFPQ1qjoDAVNxqv1ZuJUnT5BGw9/AFQYAwJZf1+fsJKw+X9fn7CSsB0AAAc7VG13GxP82uoZFSbezFWkkwOgGCBgRy15adDZTaioq7QZPfwZQDFFfPc2MnB0vE1AwCc+WituPjaS4kzU6agPkS9hEVeqJJU0AAh7+ACHv4AqAAwI5X+aXQVKrS7g3WTY2ONZp7IC9AAAJ5lWNf+dSV1XqdL1VGc8lxk47bAUxyqqO60GIpuL5LyuxZNNVVtmAmVfkpbbi1RYAI1QVRYAI1QJ1aRYzdAbJ8Y1I1RZggI1SNxL8uW1NCoAYxckqKiu9Bm0lV23ZFtyfJ+F2Ayyr0K4VSNf8ArUnFcpKO250LRUQABoAYLkhzXdWHMA5u26uNGXF9tx8uOusfYlbTcC6aaqrdTTnTlHVfQrHJF6PRsBwAAC5i9vg0xbgaAIAAxtJVduosskVotWiTcpav6ANKXJ9the27sF9NyuLHTWXsA2OHBd3cYDQAAAAAAAwSeNS1syhgHNRxdJfUK10ujoaTuJLCrp0Amm1Ztdhv6z3Sfkxwmu4leqoBT+1P1f8AkZy4469daEaopllRqPRAH9ZOyp5Fbbu2+xmuyGUJvsAtaaWQUcnSP1Kxwq7dR0krALDGo63Y4GgAAAAAAAAAAAAAAAAAshJ7AAGK6B3YABsNx4gADAAAAAAAAAAAAAf/2Q==);background-repeat:no-repeat;background-position:50%;background-size:50% 50%}.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper img[data-v-cc0e62e4]{display:none}.vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper>img[data-v-cc0e62e4]{width:100%;display:block;border:none}.vue-waterfall-easy-container .vue-waterfall-easy .over[data-v-cc0e62e4]{position:absolute;width:100%;text-align:center;font-size:12px;line-height:1.6;color:#aaa}.vue-waterfall-easy-container>.loading.first[data-v-cc0e62e4]{bottom:50%;transform:translate(-50%,50%)}.vue-waterfall-easy-container>.loading[data-v-cc0e62e4]{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;z-index:999}@keyframes ball-beat-data-v-cc0e62e4{50%{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.vue-waterfall-easy-container>.loading.ball-beat>.dot[data-v-cc0e62e4]{vertical-align:bottom;background-color:#4b15ab;width:12px;height:12px;border-radius:50%;margin:3px;animation-fill-mode:both;display:inline-block;animation:ball-beat-data-v-cc0e62e4 .7s 0s infinite linear}.vue-waterfall-easy-container>.loading.ball-beat>.dot[data-v-cc0e62e4]:nth-child(2n-1){animation-delay:.35s} -/*# sourceMappingURL=app.4eb5ad0e5de7dc0292fc58aee9b51007.css.map */ \ No newline at end of file diff --git a/demo/static/css/app.4eb5ad0e5de7dc0292fc58aee9b51007.css.map b/demo/static/css/app.4eb5ad0e5de7dc0292fc58aee9b51007.css.map deleted file mode 100644 index 6f8bc12..0000000 --- a/demo/static/css/app.4eb5ad0e5de7dc0292fc58aee9b51007.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["app.4eb5ad0e5de7dc0292fc58aee9b51007.css"],"names":[],"mappings":"AACA,EACE,SAAU,AACV,SAAW,CACZ,AACD,EAEE,oBAAsB,CACvB,AACD,WAHE,UAAY,CAKb,AACD,eAGE,WAAa,CACd,AAID,aACI,cAAe,AACf,kBAAmB,AACnB,gBAAiB,AACjB,WAAe,AACf,iBAAkB,AAClB,eAAgB,AAChB,gBAAkB,AAClB,mBAAoB,AACpB,eAAgB,AAChB,YAAa,AACb,UAAY,CACf,AACD,cACI,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,UAAY,CACf,AACD,KACE,cAAe,AACf,iBAAmB,CACpB,AACD,gBACI,gBAAiB,AACjB,iBAAmB,CACtB,AAED,+CACE,WAAY,AACZ,YAAa,AACb,iBAAmB,CACpB,AACD,0EACI,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,kBAAmB,AACnB,gCAAkC,CACrC,AACD,mEACI,kBAAmB,AACnB,UAAY,CACf,AAWD,qCACA,GAEY,mBAAsB,CACjC,AACD,GAEY,kBAAoB,CAC/B,CACA,AACD,4EACM,kBAAmB,AAEX,sBAAuB,AAC/B,SAAW,CAChB,AACD,mGAEc,wCAA0C,AAElD,4BAAgC,AAExB,oBAAuB,CACpC,AACD,qEACM,aAAe,CACpB,AACD,mFAEc,oCAAyC,AACjD,iBAAmB,CACxB,AACD,wFACM,s7FAAu7F,AACv7F,4BAA6B,AAC7B,wBAA4B,AAC5B,uBAAyB,CAC9B,AACD,4FACQ,YAAc,CACrB,AACD,oFACM,WAAY,AACZ,cAAe,AACf,WAAa,CAClB,AACD,yEACM,kBAAmB,AACnB,WAAY,AACZ,kBAAmB,AACnB,eAAgB,AAChB,gBAAiB,AACjB,UAAY,CACjB,AACD,8DACI,WAAY,AAEJ,6BAAgC,CAC3C,AACD,wDACI,kBAAmB,AACnB,SAAU,AAEF,2BAA4B,AACpC,WAAY,AACZ,WAAa,CAChB,AAaD,qCACA,IACI,WAAa,AAEL,oBAAuB,CAClC,AACD,GACI,UAAW,AAEH,kBAAoB,CAC/B,CACA,AACD,uEACM,sBAAuB,AACvB,yBAA0B,AAC1B,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,WAAY,AAEJ,yBAA0B,AAClC,qBAAsB,AAEd,0DAA6D,CAC1E,AACD,uFAEc,oBAAuB,CACpC","file":"app.4eb5ad0e5de7dc0292fc58aee9b51007.css","sourcesContent":["\n* {\n margin: 0;\n padding: 0;\n}\na {\n color: #000;\n text-decoration: none;\n}\na:active {\n color: #000;\n}\nhtml,\nbody,\n#app {\n height: 100%;\n}\n#app {\n position: relative;\n}\n#app #header {\n display: block;\n text-align: center;\n background: #000;\n color: #cccccc;\n line-height: 32px;\n font-size: 16px;\n font-weight: bold;\n letter-spacing: 2px;\n position: fixed;\n z-index: 999;\n width: 100%;\n}\n#app #content {\n position: absolute;\n top: 32px;\n bottom: 0;\n width: 100%;\n}\n#app {\n overflow: auto;\n position: relative;\n}\n#app .some-info {\n line-height: 1.6;\n text-align: center;\n}\n\n.vue-waterfall-easy-container[data-v-cc0e62e4] {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy-scroll[data-v-cc0e62e4] {\n position: relative;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy[data-v-cc0e62e4] {\n position: absolute;\n width: 100%;\n}\n@-webkit-keyframes show-card-data-v-cc0e62e4 {\n0% {\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n}\n100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n@keyframes show-card-data-v-cc0e62e4 {\n0% {\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n}\n100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n.vue-waterfall-easy-container .vue-waterfall-easy > .img-box[data-v-cc0e62e4] {\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 50%;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy > .img-box.default-card-animation[data-v-cc0e62e4] {\n -webkit-animation: show-card-data-v-cc0e62e4 0.4s;\n animation: show-card-data-v-cc0e62e4 0.4s;\n -webkit-transition: left 0.6s, top 0.6s;\n transition: left 0.6s, top 0.6s;\n -webkit-transition-delay: 0.1s;\n transition-delay: 0.1s;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy a[data-v-cc0e62e4] {\n display: block;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box[data-v-cc0e62e4] {\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper[data-v-cc0e62e4] {\n background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1M0JCM0QwNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1M0JCM0NGNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYwRUMyMDE2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwRUMyMDI2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCACRAJEDASIAAhEBAxEB/8QAZQAAAwEBAQAAAAAAAAAAAAAAAAIDAQQHAQEAAAAAAAAAAAAAAAAAAAAAEAACAQMDBAEFAAMBAAAAAAAAAQIRMQMhQRJRYYEycZHBIkITsdFSYhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AAAAAMFnNQWt9kAwkssVbV9CTnKb10XQVtLSyAd5ZuzURW27yfhmX9RlDI+wD4Vf/ZVi41SKCdeNI3YEnOXJtOiBZZr/wBGcMi2Ft7AXjli76PoOcqael0Mpyg9NV0A6QEhNTWl90MBoAAAAAAGGiTlxjXfZAZkycdEqyI3q26sOrd92CTm6bbsA1boh1i3lqPGKiqIZAYklYHY0x6tIDY2B3NdjEBgNJ3NACTxbx0E1TozoYsoqSowI2o06MtjyctGqSItODptsw6NX2YHSaJCXKNd90OAAAAYznnLnJvZWK5pUjRXloiNdwCjk0l9S0YqKohcSpGrvLUcDUBLK23x23FWNtVSAuHch/KXQP5PoBdqq77GJ1XfczFVKjVBcuPk6rXqBQCH8n0D+UugFwZD+bV1oNif5OOzQDyipKjI0cW0/qXYmVVjVXjqAkZcHXZ3OhHNXcthlWNHeOjAoAABDLKs6bISlWl1Busm+42Jfm30At2BmI1gRy+3gpD1XwTy+3gpH1QDASyt8uKdFuJRw1iwOjdBKy+TIutGbK3kAAxtJNuwiywdmA7s/glj9/BV04unQli9l8AWDsBjAhSja6D4pUnTZmZV+afUVOkk+4HUBgAc0bD4v2+fsJGw+L9vn7AVQMEDAjl9vBSHqvgnl9vBSHqvgDJwbfJC8JPSlEO5wTo3qMnUDEqNGz0jXoD08BRSXyBB/m6u2xvFPQ1qjoDAVNxqv1ZuJUnT5BGw9/AFQYAwJZf1+fsJKw+X9fn7CSsB0AAAc7VG13GxP82uoZFSbezFWkkwOgGCBgRy15adDZTaioq7QZPfwZQDFFfPc2MnB0vE1AwCc+WituPjaS4kzU6agPkS9hEVeqJJU0AAh7+ACHv4AqAAwI5X+aXQVKrS7g3WTY2ONZp7IC9AAAJ5lWNf+dSV1XqdL1VGc8lxk47bAUxyqqO60GIpuL5LyuxZNNVVtmAmVfkpbbi1RYAI1QVRYAI1QJ1aRYzdAbJ8Y1I1RZggI1SNxL8uW1NCoAYxckqKiu9Bm0lV23ZFtyfJ+F2Ayyr0K4VSNf8ArUnFcpKO250LRUQABoAYLkhzXdWHMA5u26uNGXF9tx8uOusfYlbTcC6aaqrdTTnTlHVfQrHJF6PRsBwAAC5i9vg0xbgaAIAAxtJVduosskVotWiTcpav6ANKXJ9the27sF9NyuLHTWXsA2OHBd3cYDQAAAAAAAwSeNS1syhgHNRxdJfUK10ujoaTuJLCrp0Amm1Ztdhv6z3Sfkxwmu4leqoBT+1P1f8AkZy4469daEaopllRqPRAH9ZOyp5Fbbu2+xmuyGUJvsAtaaWQUcnSP1Kxwq7dR0krALDGo63Y4GgAAAAAAAAAAAAAAAAAshJ7AAGK6B3YABsNx4gADAAAAAAAAAAAAAf/2Q==);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 50% 50%;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper img[data-v-cc0e62e4] {\n display: none;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper > img[data-v-cc0e62e4] {\n width: 100%;\n display: block;\n border: none;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy .over[data-v-cc0e62e4] {\n position: absolute;\n width: 100%;\n text-align: center;\n font-size: 12px;\n line-height: 1.6;\n color: #aaa;\n}\n.vue-waterfall-easy-container > .loading.first[data-v-cc0e62e4] {\n bottom: 50%;\n -webkit-transform: translate(-50%, 50%);\n transform: translate(-50%, 50%);\n}\n.vue-waterfall-easy-container > .loading[data-v-cc0e62e4] {\n position: absolute;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n bottom: 6px;\n z-index: 999;\n}\n@-webkit-keyframes ball-beat-data-v-cc0e62e4 {\n50% {\n opacity: 0.2;\n -webkit-transform: scale(0.75);\n transform: scale(0.75);\n}\n100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n@keyframes ball-beat-data-v-cc0e62e4 {\n50% {\n opacity: 0.2;\n -webkit-transform: scale(0.75);\n transform: scale(0.75);\n}\n100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n.vue-waterfall-easy-container > .loading.ball-beat > .dot[data-v-cc0e62e4] {\n vertical-align: bottom;\n background-color: #4b15ab;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin: 3px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block;\n -webkit-animation: ball-beat-data-v-cc0e62e4 0.7s 0s infinite linear;\n animation: ball-beat-data-v-cc0e62e4 0.7s 0s infinite linear;\n}\n.vue-waterfall-easy-container > .loading.ball-beat > .dot[data-v-cc0e62e4]:nth-child(2n-1) {\n -webkit-animation-delay: 0.35s;\n animation-delay: 0.35s;\n}\n"]} \ No newline at end of file diff --git a/demo/static/css/app.befdc0535133fb008f520586dae6d62d.css b/demo/static/css/app.befdc0535133fb008f520586dae6d62d.css new file mode 100644 index 0000000..b2618f0 --- /dev/null +++ b/demo/static/css/app.befdc0535133fb008f520586dae6d62d.css @@ -0,0 +1,2 @@ +*{margin:0;padding:0}a{text-decoration:none}a,a:active{color:#000}#app,body,html{height:100%}.typetype button{cursor:pointer;font-size:18px;padding:0 10px}#app #header{display:block;text-align:center;background:#000;color:#ccc;line-height:32px;font-size:16px;font-weight:700;letter-spacing:2px;position:fixed;z-index:999;width:100%}#app #content{position:absolute;top:32px;bottom:0;width:100%}#app{overflow:auto;position:relative}#app .some-info{line-height:1.6;text-align:center}.vue-waterfall-easy-container[data-v-50f05506]{width:100%;height:100%;position:relative}.vue-waterfall-easy-container .vue-waterfall-easy-scroll[data-v-50f05506]{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.vue-waterfall-easy-container .vue-waterfall-easy[data-v-50f05506]{position:absolute;width:100%}@keyframes show-card-data-v-50f05506{0%{transform:scale(.5)}to{transform:scale(1)}}.vue-waterfall-easy-container .vue-waterfall-easy>.img-box[data-v-50f05506]{position:absolute;box-sizing:border-box;width:50%}.vue-waterfall-easy-container .vue-waterfall-easy>.img-box.default-card-animation[data-v-50f05506]{animation:show-card-data-v-50f05506 .4s;transition:left .6s,top .6s;transition-delay:.1s}.vue-waterfall-easy-container .vue-waterfall-easy a[data-v-50f05506]{display:block}.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box[data-v-50f05506]{box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:4px}.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper[data-v-50f05506]{background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1M0JCM0QwNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1M0JCM0NGNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYwRUMyMDE2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwRUMyMDI2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCACRAJEDASIAAhEBAxEB/8QAZQAAAwEBAQAAAAAAAAAAAAAAAAIDAQQHAQEAAAAAAAAAAAAAAAAAAAAAEAACAQMDBAEFAAMBAAAAAAAAAQIRMQMhQRJRYYEycZHBIkITsdFSYhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AAAAAMFnNQWt9kAwkssVbV9CTnKb10XQVtLSyAd5ZuzURW27yfhmX9RlDI+wD4Vf/ZVi41SKCdeNI3YEnOXJtOiBZZr/wBGcMi2Ft7AXjli76PoOcqael0Mpyg9NV0A6QEhNTWl90MBoAAAAAAGGiTlxjXfZAZkycdEqyI3q26sOrd92CTm6bbsA1boh1i3lqPGKiqIZAYklYHY0x6tIDY2B3NdjEBgNJ3NACTxbx0E1TozoYsoqSowI2o06MtjyctGqSItODptsw6NX2YHSaJCXKNd90OAAAAYznnLnJvZWK5pUjRXloiNdwCjk0l9S0YqKohcSpGrvLUcDUBLK23x23FWNtVSAuHch/KXQP5PoBdqq77GJ1XfczFVKjVBcuPk6rXqBQCH8n0D+UugFwZD+bV1oNif5OOzQDyipKjI0cW0/qXYmVVjVXjqAkZcHXZ3OhHNXcthlWNHeOjAoAABDLKs6bISlWl1Busm+42Jfm30At2BmI1gRy+3gpD1XwTy+3gpH1QDASyt8uKdFuJRw1iwOjdBKy+TIutGbK3kAAxtJNuwiywdmA7s/glj9/BV04unQli9l8AWDsBjAhSja6D4pUnTZmZV+afUVOkk+4HUBgAc0bD4v2+fsJGw+L9vn7AVQMEDAjl9vBSHqvgnl9vBSHqvgDJwbfJC8JPSlEO5wTo3qMnUDEqNGz0jXoD08BRSXyBB/m6u2xvFPQ1qjoDAVNxqv1ZuJUnT5BGw9/AFQYAwJZf1+fsJKw+X9fn7CSsB0AAAc7VG13GxP82uoZFSbezFWkkwOgGCBgRy15adDZTaioq7QZPfwZQDFFfPc2MnB0vE1AwCc+WituPjaS4kzU6agPkS9hEVeqJJU0AAh7+ACHv4AqAAwI5X+aXQVKrS7g3WTY2ONZp7IC9AAAJ5lWNf+dSV1XqdL1VGc8lxk47bAUxyqqO60GIpuL5LyuxZNNVVtmAmVfkpbbi1RYAI1QVRYAI1QJ1aRYzdAbJ8Y1I1RZggI1SNxL8uW1NCoAYxckqKiu9Bm0lV23ZFtyfJ+F2Ayyr0K4VSNf8ArUnFcpKO250LRUQABoAYLkhzXdWHMA5u26uNGXF9tx8uOusfYlbTcC6aaqrdTTnTlHVfQrHJF6PRsBwAAC5i9vg0xbgaAIAAxtJVduosskVotWiTcpav6ANKXJ9the27sF9NyuLHTWXsA2OHBd3cYDQAAAAAAAwSeNS1syhgHNRxdJfUK10ujoaTuJLCrp0Amm1Ztdhv6z3Sfkxwmu4leqoBT+1P1f8AkZy4469daEaopllRqPRAH9ZOyp5Fbbu2+xmuyGUJvsAtaaWQUcnSP1Kxwq7dR0krALDGo63Y4GgAAAAAAAAAAAAAAAAAshJ7AAGK6B3YABsNx4gADAAAAAAAAAAAAAf/2Q==);background-repeat:no-repeat;background-position:50%;background-size:50% 50%}.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper img[data-v-50f05506]{display:none}.vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper>img[data-v-50f05506]{width:100%;display:block;border:none}.vue-waterfall-easy-container .vue-waterfall-easy .over[data-v-50f05506]{position:absolute;width:100%;text-align:center;font-size:12px;line-height:1.6;color:#aaa}.vue-waterfall-easy-container>.loading.first[data-v-50f05506]{bottom:50%;transform:translate(-50%,50%)}.vue-waterfall-easy-container>.loading[data-v-50f05506]{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;z-index:999}@keyframes ball-beat-data-v-50f05506{50%{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.vue-waterfall-easy-container>.loading.ball-beat>.dot[data-v-50f05506]{vertical-align:bottom;background-color:#4b15ab;width:12px;height:12px;border-radius:50%;margin:3px;animation-fill-mode:both;display:inline-block;animation:ball-beat-data-v-50f05506 .7s 0s infinite linear}.vue-waterfall-easy-container>.loading.ball-beat>.dot[data-v-50f05506]:nth-child(2n-1){animation-delay:.35s} +/*# sourceMappingURL=app.befdc0535133fb008f520586dae6d62d.css.map */ \ No newline at end of file diff --git a/demo/static/css/app.befdc0535133fb008f520586dae6d62d.css.map b/demo/static/css/app.befdc0535133fb008f520586dae6d62d.css.map new file mode 100644 index 0000000..ef5043b --- /dev/null +++ b/demo/static/css/app.befdc0535133fb008f520586dae6d62d.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["app.befdc0535133fb008f520586dae6d62d.css"],"names":[],"mappings":"AACA,EACE,SAAU,AACV,SAAW,CACZ,AACD,EAEE,oBAAsB,CACvB,AACD,WAHE,UAAY,CAKb,AACD,eAGE,WAAa,CACd,AACD,iBACE,eAAgB,AAChB,eAAgB,AAChB,cAAgB,CACjB,AAID,aACI,cAAe,AACf,kBAAmB,AACnB,gBAAiB,AACjB,WAAe,AACf,iBAAkB,AAClB,eAAgB,AAChB,gBAAkB,AAClB,mBAAoB,AACpB,eAAgB,AAChB,YAAa,AACb,UAAY,CACf,AACD,cACI,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,UAAY,CACf,AACD,KACE,cAAe,AACf,iBAAmB,CACpB,AACD,gBACI,gBAAiB,AACjB,iBAAmB,CACtB,AAED,+CACE,WAAY,AACZ,YAAa,AACb,iBAAmB,CACpB,AACD,0EACI,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,kBAAmB,AACnB,gCAAkC,CACrC,AACD,mEACI,kBAAmB,AACnB,UAAY,CACf,AAWD,qCACA,GAEY,mBAAsB,CACjC,AACD,GAEY,kBAAoB,CAC/B,CACA,AACD,4EACM,kBAAmB,AAEX,sBAAuB,AAC/B,SAAW,CAChB,AACD,mGAEc,wCAA0C,AAElD,4BAAgC,AAExB,oBAAuB,CACpC,AACD,qEACM,aAAe,CACpB,AACD,mFAEc,oCAAyC,AACjD,iBAAmB,CACxB,AACD,wFACM,s7FAAu7F,AACv7F,4BAA6B,AAC7B,wBAA4B,AAC5B,uBAAyB,CAC9B,AACD,4FACQ,YAAc,CACrB,AACD,oFACM,WAAY,AACZ,cAAe,AACf,WAAa,CAClB,AACD,yEACM,kBAAmB,AACnB,WAAY,AACZ,kBAAmB,AACnB,eAAgB,AAChB,gBAAiB,AACjB,UAAY,CACjB,AACD,8DACI,WAAY,AAEJ,6BAAgC,CAC3C,AACD,wDACI,kBAAmB,AACnB,SAAU,AAEF,2BAA4B,AACpC,WAAY,AACZ,WAAa,CAChB,AAaD,qCACA,IACI,WAAa,AAEL,oBAAuB,CAClC,AACD,GACI,UAAW,AAEH,kBAAoB,CAC/B,CACA,AACD,uEACM,sBAAuB,AACvB,yBAA0B,AAC1B,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,WAAY,AAEJ,yBAA0B,AAClC,qBAAsB,AAEd,0DAA6D,CAC1E,AACD,uFAEc,oBAAuB,CACpC","file":"app.befdc0535133fb008f520586dae6d62d.css","sourcesContent":["\n* {\n margin: 0;\n padding: 0;\n}\na {\n color: #000;\n text-decoration: none;\n}\na:active {\n color: #000;\n}\nhtml,\nbody,\n#app {\n height: 100%;\n}\n.typetype button {\n cursor: pointer;\n font-size: 18px;\n padding: 0 10px;\n}\n#app {\n position: relative;\n}\n#app #header {\n display: block;\n text-align: center;\n background: #000;\n color: #cccccc;\n line-height: 32px;\n font-size: 16px;\n font-weight: bold;\n letter-spacing: 2px;\n position: fixed;\n z-index: 999;\n width: 100%;\n}\n#app #content {\n position: absolute;\n top: 32px;\n bottom: 0;\n width: 100%;\n}\n#app {\n overflow: auto;\n position: relative;\n}\n#app .some-info {\n line-height: 1.6;\n text-align: center;\n}\n\n.vue-waterfall-easy-container[data-v-50f05506] {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy-scroll[data-v-50f05506] {\n position: relative;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy[data-v-50f05506] {\n position: absolute;\n width: 100%;\n}\n@-webkit-keyframes show-card-data-v-50f05506 {\n0% {\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n}\n100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n@keyframes show-card-data-v-50f05506 {\n0% {\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n}\n100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n.vue-waterfall-easy-container .vue-waterfall-easy > .img-box[data-v-50f05506] {\n position: absolute;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 50%;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy > .img-box.default-card-animation[data-v-50f05506] {\n -webkit-animation: show-card-data-v-50f05506 0.4s;\n animation: show-card-data-v-50f05506 0.4s;\n -webkit-transition: left 0.6s, top 0.6s;\n transition: left 0.6s, top 0.6s;\n -webkit-transition-delay: 0.1s;\n transition-delay: 0.1s;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy a[data-v-50f05506] {\n display: block;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box[data-v-50f05506] {\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper[data-v-50f05506] {\n background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1M0JCM0QwNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1M0JCM0NGNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYwRUMyMDE2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwRUMyMDI2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCACRAJEDASIAAhEBAxEB/8QAZQAAAwEBAQAAAAAAAAAAAAAAAAIDAQQHAQEAAAAAAAAAAAAAAAAAAAAAEAACAQMDBAEFAAMBAAAAAAAAAQIRMQMhQRJRYYEycZHBIkITsdFSYhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AAAAAMFnNQWt9kAwkssVbV9CTnKb10XQVtLSyAd5ZuzURW27yfhmX9RlDI+wD4Vf/ZVi41SKCdeNI3YEnOXJtOiBZZr/wBGcMi2Ft7AXjli76PoOcqael0Mpyg9NV0A6QEhNTWl90MBoAAAAAAGGiTlxjXfZAZkycdEqyI3q26sOrd92CTm6bbsA1boh1i3lqPGKiqIZAYklYHY0x6tIDY2B3NdjEBgNJ3NACTxbx0E1TozoYsoqSowI2o06MtjyctGqSItODptsw6NX2YHSaJCXKNd90OAAAAYznnLnJvZWK5pUjRXloiNdwCjk0l9S0YqKohcSpGrvLUcDUBLK23x23FWNtVSAuHch/KXQP5PoBdqq77GJ1XfczFVKjVBcuPk6rXqBQCH8n0D+UugFwZD+bV1oNif5OOzQDyipKjI0cW0/qXYmVVjVXjqAkZcHXZ3OhHNXcthlWNHeOjAoAABDLKs6bISlWl1Busm+42Jfm30At2BmI1gRy+3gpD1XwTy+3gpH1QDASyt8uKdFuJRw1iwOjdBKy+TIutGbK3kAAxtJNuwiywdmA7s/glj9/BV04unQli9l8AWDsBjAhSja6D4pUnTZmZV+afUVOkk+4HUBgAc0bD4v2+fsJGw+L9vn7AVQMEDAjl9vBSHqvgnl9vBSHqvgDJwbfJC8JPSlEO5wTo3qMnUDEqNGz0jXoD08BRSXyBB/m6u2xvFPQ1qjoDAVNxqv1ZuJUnT5BGw9/AFQYAwJZf1+fsJKw+X9fn7CSsB0AAAc7VG13GxP82uoZFSbezFWkkwOgGCBgRy15adDZTaioq7QZPfwZQDFFfPc2MnB0vE1AwCc+WituPjaS4kzU6agPkS9hEVeqJJU0AAh7+ACHv4AqAAwI5X+aXQVKrS7g3WTY2ONZp7IC9AAAJ5lWNf+dSV1XqdL1VGc8lxk47bAUxyqqO60GIpuL5LyuxZNNVVtmAmVfkpbbi1RYAI1QVRYAI1QJ1aRYzdAbJ8Y1I1RZggI1SNxL8uW1NCoAYxckqKiu9Bm0lV23ZFtyfJ+F2Ayyr0K4VSNf8ArUnFcpKO250LRUQABoAYLkhzXdWHMA5u26uNGXF9tx8uOusfYlbTcC6aaqrdTTnTlHVfQrHJF6PRsBwAAC5i9vg0xbgaAIAAxtJVduosskVotWiTcpav6ANKXJ9the27sF9NyuLHTWXsA2OHBd3cYDQAAAAAAAwSeNS1syhgHNRxdJfUK10ujoaTuJLCrp0Amm1Ztdhv6z3Sfkxwmu4leqoBT+1P1f8AkZy4469daEaopllRqPRAH9ZOyp5Fbbu2+xmuyGUJvsAtaaWQUcnSP1Kxwq7dR0krALDGo63Y4GgAAAAAAAAAAAAAAAAAshJ7AAGK6B3YABsNx4gADAAAAAAAAAAAAAf/2Q==);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 50% 50%;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper img[data-v-50f05506] {\n display: none;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper > img[data-v-50f05506] {\n width: 100%;\n display: block;\n border: none;\n}\n.vue-waterfall-easy-container .vue-waterfall-easy .over[data-v-50f05506] {\n position: absolute;\n width: 100%;\n text-align: center;\n font-size: 12px;\n line-height: 1.6;\n color: #aaa;\n}\n.vue-waterfall-easy-container > .loading.first[data-v-50f05506] {\n bottom: 50%;\n -webkit-transform: translate(-50%, 50%);\n transform: translate(-50%, 50%);\n}\n.vue-waterfall-easy-container > .loading[data-v-50f05506] {\n position: absolute;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n bottom: 6px;\n z-index: 999;\n}\n@-webkit-keyframes ball-beat-data-v-50f05506 {\n50% {\n opacity: 0.2;\n -webkit-transform: scale(0.75);\n transform: scale(0.75);\n}\n100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n@keyframes ball-beat-data-v-50f05506 {\n50% {\n opacity: 0.2;\n -webkit-transform: scale(0.75);\n transform: scale(0.75);\n}\n100% {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n}\n.vue-waterfall-easy-container > .loading.ball-beat > .dot[data-v-50f05506] {\n vertical-align: bottom;\n background-color: #4b15ab;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n margin: 3px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block;\n -webkit-animation: ball-beat-data-v-50f05506 0.7s 0s infinite linear;\n animation: ball-beat-data-v-50f05506 0.7s 0s infinite linear;\n}\n.vue-waterfall-easy-container > .loading.ball-beat > .dot[data-v-50f05506]:nth-child(2n-1) {\n -webkit-animation-delay: 0.35s;\n animation-delay: 0.35s;\n}\n"]} \ No newline at end of file diff --git a/demo/static/js/app.513190666e1567a504c7.js b/demo/static/js/app.513190666e1567a504c7.js deleted file mode 100644 index 1a10328..0000000 --- a/demo/static/js/app.513190666e1567a504c7.js +++ /dev/null @@ -1,2 +0,0 @@ -webpackJsonp([1],{NHnr:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=i("7+uW"),r={render:function(){var t=this.$createElement;return(this._self._c||t)("a",{staticClass:"alink",attrs:{href:this.to,target:"_blank"}},[this._t("default")],2)},staticRenderFns:[]};var n={name:"vue-waterfall-easy",components:{alink:i("VU/8")({name:"alink",props:["to"],data:function(){return{msg:"this is from alink.vue"}},methods:{}},r,!1,function(t){i("O6QY")},null,null).exports},props:{width:{type:Number},height:{type:[Number,String]},reachBottomDistance:{type:Number,default:20},loadingDotCount:{type:Number,default:3},loadingDotStyle:{type:Object},gap:{type:Number,default:20},mobileGap:{type:Number,default:8},maxCols:{type:Number,default:5},imgsArr:{type:Array,required:!0},srcKey:{type:String,default:"src"},hrefKey:{type:String,default:"href"},imgWidth:{type:Number,default:240},isRouterLink:{type:Boolean,default:!1},linkRange:{type:String,default:"card"},loadingTimeOut:{type:Number,default:500},cardAnimationClass:{type:[String],default:"default-card-animation"},enablePullDownEvent:{type:Boolean,default:!1}},data:function(){return{msg:"this is from vue-waterfall-easy.vue",isMobile:!!navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i),isPreloading:!0,isPreloading_c:!0,imgsArr_c:[],loadedCount:0,cols:NaN,imgBoxEls:null,beginIndex:0,colsHeightArr:[],LoadingTimer:null,isFirstLoad:!0,over:!1}},computed:{colWidth:function(){return this.imgWidth+this.gap},imgWidth_c:function(){return this.isMobile?window.innerWidth/2-this.mobileGap:this.imgWidth},hasLoadingSlot:function(){return!!this.$scopedSlots.loading}},mounted:function(){var t=this;this.bindClickEvent(),this.loadingMiddle(),this.preload(),this.cols=this.calcuCols(),this.$on("preloaded",function(){t.isFirstLoad=!1,t.imgsArr_c=t.imgsArr.concat([]),t.$nextTick(function(){t.isPreloading=!1,t.imgBoxEls=t.$el.getElementsByClassName("img-box"),t.waterfall()})}),this.isMobile||this.width||this.response(),this.isMobile&&this.enablePullDownEvent&&this.pullDown(),this.scroll()},watch:{isPreloading:function(t,e){var i=this;t?setTimeout(function(){i.isPreloading&&(i.isPreloading_c=!0)},this.loadingTimeOut):this.isPreloading_c=!1},imgsArr:function(t,e){(this.imgsArr_c.length>t.length||this.imgsArr_c.length>0&&t[0]&&!t[0]._height)&&this.reset(),this.preload()}},methods:{preload:function(t,e){var i=this;this.imgsArr.forEach(function(t,e){if(!(ethis.maxCols?this.maxCols:e},waterfall:function(){if(this.imgBoxEls){var t,e,i,s=this.isMobile?this.imgBoxEls[0].offsetWidth:this.colWidth;0==this.beginIndex&&(this.colsHeightArr=[]);for(var r=this.beginIndex;re-this.reachBottomDistance&&(this.isPreloading=!0,this.$emit("scrollReachBottom"))}},scroll:function(){this.$refs.scrollEl.addEventListener("scroll",this.scrollFn)},waterfallOver:function(){this.$refs.scrollEl.removeEventListener("scroll",this.scrollFn),this.isPreloading=!1,this.over=!0,this.setOverTipPos()},setOverTipPos:function(){var t=this,e=Math.max.apply(null,this.colsHeightArr);this.$nextTick(function(){t.$refs.over.style.top=e+"px"})},bindClickEvent:function(){var t=this;this.$el.querySelector(".vue-waterfall-easy").addEventListener("click",function(e){var i=e.target;if(-1===e.target.className.indexOf("over")&&-1==i.className.indexOf("img-box")){for(;-1==i.className.indexOf("img-inner-box");)i=i.parentNode;var s=i.getAttribute("data-index");t.$emit("click",e,{index:s,value:t.imgsArr_c[s]})}})},pullDown:function(){var t,e=this,i=this.$el.querySelector(".vue-waterfall-easy-scroll");i.addEventListener("touchmove",function(s){if(0===i.scrollTop){var r=s.changedTouches[0];t||(t=r.pageY);var n=r.pageY-t;n>0&&s.preventDefault(),e.$emit("pullDownMove",n)}}),i.addEventListener("touchend",function(s){0===i.scrollTop&&(t=NaN,e.$emit("pullDownEnd"))})},loadingMiddle:function(){var t=this.$el.querySelector(".vue-waterfall-easy-scroll"),e=t.offsetWidth-t.clientWidth;this.$el.querySelector(".loading").style.marginLeft=-e/2+"px"},reset:function(){this.imgsArr_c=[],this.beginIndex=0,this.loadedCount=0,this.isFirstLoad=!0,this.isPreloading=!0,this.scroll(),this.over=!1}}},a={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"vue-waterfall-easy-container",style:{width:t.width&&!t.isMobile?t.width+"px":"",height:parseFloat(t.height)==t.height?t.height+"px":t.height}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isPreloading_c,expression:"isPreloading_c"}],staticClass:"loading ball-beat",class:{first:t.isFirstLoad}},[t._t("loading",null,{isFirstLoad:t.isFirstLoad}),t._l(t.loadingDotCount,function(e){return t.hasLoadingSlot?t._e():i("div",{staticClass:"dot",style:t.loadingDotStyle})})],2),i("div",{ref:"scrollEl",staticClass:"vue-waterfall-easy-scroll"},[t._t("waterfall-head"),i("div",{staticClass:"vue-waterfall-easy",style:t.isMobile?"":{width:t.colWidth*t.cols+"px",left:"50%",marginLeft:-1*t.colWidth*t.cols/2+"px"}},[t._l(t.imgsArr_c,function(e,s){return i("div",{staticClass:"img-box",class:[t.cardAnimationClass,{__err__:e._error}],style:{padding:(t.isMobile?t.mobileGap:t.gap)/2+"px",width:t.isMobile?"":t.colWidth+"px"}},[i(t.isRouterLink&&"card"==t.linkRange?"router-link":"alink",{tag:"component",staticClass:"img-inner-box",attrs:{"data-index":s,to:"card"==t.linkRange&&e[t.hrefKey]}},[e[t.srcKey]?i(t.isRouterLink&&"img"==t.linkRange?"router-link":"alink",{tag:"component",staticClass:"img-wraper",style:{width:t.imgWidth_c+"px",height:!!e._height&&e._height+"px"},attrs:{to:"img"==t.linkRange&&e[t.hrefKey]}},[i("img",{attrs:{src:e[t.srcKey]}})]):t._e(),t._t("default",null,{index:s,value:e})],2)],1)}),t.over?i("div",{ref:"over",staticClass:"over"},[t._t("waterfall-over",[t._v("被你看光了")])],2):t._e()],2)],2)])},staticRenderFns:[]};var l=i("VU/8")(n,a,!1,function(t){i("h2xO")},"data-v-cc0e62e4",null).exports,o=i("mtWM"),c=i.n(o),h={name:"app",data:function(){return{imgsArr:[],group:0,pullDownDistance:0}},components:{vueWaterfallEasy:l},methods:{getData:function(){var t=this;c.a.get("./static/mock/data.json?group="+this.group).then(function(e){t.group++,10!==t.group?t.imgsArr=t.imgsArr.concat(e.data):t.$refs.waterfall.waterfallOver()})},clickFn:function(t,e){var i=e.index,s=e.value;"img"==t.target.tagName.toLowerCase()&&console.log("img clicked",i,s)},imgErrorFn:function(t){console.log("图片加载错误",t)},changeImgArr:function(){var t=this;c.a.get("./static/mock/data-change.json").then(function(e){t.imgsArr=e.data})},pullDownMove:function(t){this.pullDownDistance=t},pullDownEnd:function(t){console.log("pullDownEnd"),this.pullDownDistance>50&&alert("下拉刷新"),this.pullDownDistance=0}},created:function(){this.getData()}},d={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"app"}},[i("a",{attrs:{id:"header",href:"https://github.com/lfyfly/vue-waterfall-easy",target:"_blank",title:"github of vue-waterfall-easy"}},[t._v("vue-waterfall-easy")]),i("button",{style:{position:"fixed",zIndex:1e4},on:{click:t.changeImgArr}},[t._v("changeImgArr")]),i("div",{attrs:{id:"content"}},[i("vue-waterfall-easy",{ref:"waterfall",attrs:{imgsArr:t.imgsArr},on:{scrollReachBottom:t.getData,click:t.clickFn,imgError:t.imgErrorFn},scopedSlots:t._u([{key:"default",fn:function(e){return i("div",{staticClass:"img-info"},[i("p",{staticClass:"some-info"},[t._v("第"+t._s(e.index+1)+"张图片")]),i("p",{staticClass:"some-info"},[t._v(t._s(e.value.info))])])}}])})],1)])},staticRenderFns:[]};var u=i("VU/8")(h,d,!1,function(t){i("NuQd")},null,null).exports,g=i("/ocq");s.a.use(g.a);var f=new g.a({routes:[{path:"/test",name:"test",component:{name:"test",template:"

test test test test test test

"}}]}),m=i("Gs/g"),p=i.n(m);window.Promise||(window.Promise=p.a),new s.a({el:"#app",router:f,template:"",components:{App:u}})},NuQd:function(t,e){},O6QY:function(t,e){},h2xO:function(t,e){}},["NHnr"]); -//# sourceMappingURL=app.513190666e1567a504c7.js.map \ No newline at end of file diff --git a/demo/static/js/app.513190666e1567a504c7.js.map b/demo/static/js/app.513190666e1567a504c7.js.map deleted file mode 100644 index 78573f1..0000000 --- a/demo/static/js/app.513190666e1567a504c7.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack:///./src/vue-waterfall-easy/components/alink.vue?2151","webpack:///./src/vue-waterfall-easy/components/alink.vue","webpack:///src/vue-waterfall-easy/vue-waterfall-easy.vue","webpack:///src/vue-waterfall-easy/components/alink.vue","webpack:///./src/vue-waterfall-easy/vue-waterfall-easy.vue?36a2","webpack:///./src/vue-waterfall-easy/vue-waterfall-easy.vue","webpack:///src/App.vue","webpack:///./src/App.vue?9c97","webpack:///./src/App.vue","webpack:///./src/router/index.js","webpack:///./src/main.js"],"names":["components_alink","render","_h","this","$createElement","_self","_c","staticClass","attrs","href","to","target","_t","staticRenderFns","vue_waterfall_easy","name","components","alink","__webpack_require__","normalizeComponent","props","data","msg","methods","ssrContext","width","type","Number","height","String","reachBottomDistance","default","loadingDotCount","loadingDotStyle","Object","gap","mobileGap","maxCols","imgsArr","Array","required","srcKey","hrefKey","imgWidth","isRouterLink","Boolean","linkRange","loadingTimeOut","cardAnimationClass","enablePullDownEvent","isMobile","navigator","userAgent","match","isPreloading","isPreloading_c","imgsArr_c","loadedCount","cols","NaN","imgBoxEls","beginIndex","colsHeightArr","LoadingTimer","isFirstLoad","over","computed","colWidth","imgWidth_c","window","innerWidth","hasLoadingSlot","$scopedSlots","loading","mounted","_this","bindClickEvent","loadingMiddle","preload","calcuCols","$on","concat","$nextTick","$el","getElementsByClassName","waterfall","response","pullDown","scroll","watch","newV","oldV","_this2","setTimeout","length","_height","reset","src","imgIndex","_this3","forEach","imgItem","$emit","oImg","Image","onload","onerror","e","Math","round","_error","waterfallWidth","parseInt","top","left","offsetWidth","i","offsetHeight","push","minHeight","min","apply","minIndex","indexOf","style","_this4","addEventListener","old","setOverTipPos","scrollFn","scrollEl","$refs","scrollTop","waterfallOver","removeEventListener","_this5","maxHeight","max","_this6","querySelector","targetEl","className","parentNode","index","getAttribute","value","startY","_this7","t","changedTouches","pageY","pullDownDistance","preventDefault","scrollbarWidth","clientWidth","marginLeft","vue_waterfall_easy_vue_waterfall_easy","_vm","parseFloat","directives","rawName","expression","class","first","_l","n","_e","ref","v","__err__","padding","tag","data-index","_v","src_vue_waterfall_easy_vue_waterfall_easy","vue_waterfall_easy_normalizeComponent","App","group","vueWaterfallEasy","getData","axios_default","a","get","then","res","clickFn","event","_ref","tagName","toLowerCase","console","log","imgErrorFn","changeImgArr","pullDownMove","pullDownEnd","alert","created","selectortype_template_index_0_src_App","id","title","position","zIndex","on","click","scrollReachBottom","imgError","scopedSlots","_u","key","fn","_s","info","src_App","App_normalizeComponent","vue_esm","use","vue_router_esm","router","routes","path","component","template","Promise","lib_default","el"],"mappings":"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","file":"static/js/app.513190666e1567a504c7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"alink\",attrs:{\"href\":_vm.to,\"target\":\"_blank\"}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-47e272be\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/vue-waterfall-easy/components/alink.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-47e272be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./alink.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./alink.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./alink.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-47e272be\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./alink.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/vue-waterfall-easy/components/alink.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/vue-waterfall-easy/vue-waterfall-easy.vue","\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/vue-waterfall-easy/components/alink.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vue-waterfall-easy-container\",style:({width: _vm.width&&!_vm.isMobile ? _vm.width+'px' : '', height: parseFloat(_vm.height)==_vm.height ? _vm.height+'px': _vm.height })},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPreloading_c),expression:\"isPreloading_c\"}],staticClass:\"loading ball-beat\",class:{first:_vm.isFirstLoad}},[_vm._t(\"loading\",null,{isFirstLoad:_vm.isFirstLoad}),_vm._l((_vm.loadingDotCount),function(n){return (!_vm.hasLoadingSlot)?_c('div',{staticClass:\"dot\",style:(_vm.loadingDotStyle)}):_vm._e()})],2),_c('div',{ref:\"scrollEl\",staticClass:\"vue-waterfall-easy-scroll\"},[_vm._t(\"waterfall-head\"),_c('div',{staticClass:\"vue-waterfall-easy\",style:(_vm.isMobile? '' :{width: _vm.colWidth*_vm.cols+'px',left:'50%', marginLeft: -1*_vm.colWidth*_vm.cols/2 +'px'})},[_vm._l((_vm.imgsArr_c),function(v,i){return _c('div',{staticClass:\"img-box\",class:[_vm.cardAnimationClass, {__err__: v._error}],style:({padding: (_vm.isMobile ? _vm.mobileGap : _vm.gap)/2+'px', width: _vm.isMobile ? '' : _vm.colWidth+'px'})},[_c(_vm.isRouterLink && _vm.linkRange=='card' ? 'router-link' : 'alink',{tag:\"component\",staticClass:\"img-inner-box\",attrs:{\"data-index\":i,\"to\":_vm.linkRange=='card' ? v[_vm.hrefKey] : false}},[(v[_vm.srcKey])?_c(_vm.isRouterLink && _vm.linkRange=='img' ? 'router-link' :'alink',{tag:\"component\",staticClass:\"img-wraper\",style:({width:_vm.imgWidth_c + 'px',height:v._height ? v._height+'px':false}),attrs:{\"to\":_vm.linkRange=='img' ? v[_vm.hrefKey] : false}},[_c('img',{attrs:{\"src\":v[_vm.srcKey]}})]):_vm._e(),_vm._t(\"default\",null,{index:i,value:v})],2)],1)}),(_vm.over)?_c('div',{ref:\"over\",staticClass:\"over\"},[_vm._t(\"waterfall-over\",[_vm._v(\"被你看光了\")])],2):_vm._e()],2)],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-cc0e62e4\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/vue-waterfall-easy/vue-waterfall-easy.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-cc0e62e4\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./vue-waterfall-easy.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-waterfall-easy.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-waterfall-easy.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-cc0e62e4\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./vue-waterfall-easy.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-cc0e62e4\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/vue-waterfall-easy/vue-waterfall-easy.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('a',{attrs:{\"id\":\"header\",\"href\":\"https://github.com/lfyfly/vue-waterfall-easy\",\"target\":\"_blank\",\"title\":\"github of vue-waterfall-easy\"}},[_vm._v(\"vue-waterfall-easy\")]),_c('button',{style:({position:'fixed',zIndex:10000}),on:{\"click\":_vm.changeImgArr}},[_vm._v(\"changeImgArr\")]),_c('div',{attrs:{\"id\":\"content\"}},[_c('vue-waterfall-easy',{ref:\"waterfall\",attrs:{\"imgsArr\":_vm.imgsArr},on:{\"scrollReachBottom\":_vm.getData,\"click\":_vm.clickFn,\"imgError\":_vm.imgErrorFn},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return _c('div',{staticClass:\"img-info\"},[_c('p',{staticClass:\"some-info\"},[_vm._v(\"第\"+_vm._s(props.index+1)+\"张图片\")]),_c('p',{staticClass:\"some-info\"},[_vm._v(_vm._s(props.value.info))])])}}])})],1)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0653b95b\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0653b95b\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0653b95b\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","import Vue from 'vue'\r\nimport Router from 'vue-router'\r\n\r\nVue.use(Router)\r\nexport default new Router({\r\n routes: [\r\n {\r\n path: '/test',\r\n name: 'test',\r\n component: { name: 'test',template:'

test test test test test test

'}\r\n },\r\n ]\r\n})\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","// The Vue build version to load with the `import` command\r\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\r\nimport Vue from 'vue'\r\nimport App from './App'\r\nimport router from './router'\r\nimport Promise from 'promise-polyfill'\r\n// To add to window\r\nif (!window.Promise) {\r\n window.Promise = Promise\r\n}\r\n/* eslint-disable no-new */\r\nnew Vue({\r\n el: '#app',\r\n router,\r\n template: '',\r\n components: { App }\r\n})\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""} \ No newline at end of file diff --git a/demo/static/js/app.e85523c8e82d19acf4ec.js b/demo/static/js/app.e85523c8e82d19acf4ec.js new file mode 100644 index 0000000..a6de8cc --- /dev/null +++ b/demo/static/js/app.e85523c8e82d19acf4ec.js @@ -0,0 +1,2 @@ +webpackJsonp([1],{"2EM+":function(t,e){},NHnr:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=i("7+uW"),r={render:function(){var t=this.$createElement;return(this._self._c||t)("a",{staticClass:"alink",attrs:{href:this.to,target:"_blank"}},[this._t("default")],2)},staticRenderFns:[]};var n={name:"vue-waterfall-easy",components:{alink:i("VU/8")({name:"alink",props:["to"],data:function(){return{msg:"this is from alink.vue"}},methods:{}},r,!1,function(t){i("2EM+")},null,null).exports},props:{width:{type:Number},height:{type:[Number,String]},reachBottomDistance:{type:Number,default:20},loadingDotCount:{type:Number,default:3},loadingDotStyle:{type:Object},gap:{type:Number,default:20},mobileGap:{type:Number,default:8},maxCols:{type:Number,default:5},imgsArr:{type:Array,required:!0},srcKey:{type:String,default:"src"},hrefKey:{type:String,default:"href"},imgWidth:{type:Number,default:240},isRouterLink:{type:Boolean,default:!1},linkRange:{type:String,default:"card"},loadingTimeOut:{type:Number,default:500},cardAnimationClass:{type:[String],default:"default-card-animation"},enablePullDownEvent:{type:Boolean,default:!1}},data:function(){return{msg:"this is from vue-waterfall-easy.vue",isMobile:!!navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i),isPreloading:!0,isPreloading_c:!0,imgsArr_c:[],loadedCount:0,cols:NaN,imgBoxEls:null,beginIndex:0,colsHeightArr:[],LoadingTimer:null,isFirstLoad:!0,over:!1}},computed:{colWidth:function(){return this.imgWidth+this.gap},imgWidth_c:function(){return this.isMobile?window.innerWidth/2-this.mobileGap:this.imgWidth},hasLoadingSlot:function(){return!!this.$scopedSlots.loading}},mounted:function(){var t=this;this.bindClickEvent(),this.loadingMiddle(),this.preload(),this.cols=this.calcuCols(),this.$on("preloaded",function(){t.isFirstLoad=!1,t.imgsArr_c=t.imgsArr.concat([]),t.$nextTick(function(){t.isPreloading=!1,t.imgBoxEls=t.$el.getElementsByClassName("img-box"),t.waterfall()})}),this.isMobile||this.width||window.addEventListener("resize",this.response),this.isMobile&&this.enablePullDownEvent&&this.pullDown(),this.scroll()},beforeDestroy:function(){window.removeEventListener("resize",this.response)},watch:{isPreloading:function(t,e){var i=this;t?setTimeout(function(){i.isPreloading&&(i.isPreloading_c=!0)},this.loadingTimeOut):this.isPreloading_c=!1},imgsArr:function(t,e){(this.imgsArr_c.length>t.length||this.imgsArr_c.length>0&&t[0]&&!t[0]._height)&&this.reset(),this.preload()}},methods:{preload:function(t,e){var i=this;this.imgsArr.forEach(function(t,e){if(!(ethis.maxCols?this.maxCols:e},waterfall:function(){if(this.imgBoxEls){var t,e,i,s=this.isMobile?this.imgBoxEls[0].offsetWidth:this.colWidth;0==this.beginIndex&&(this.colsHeightArr=[]);for(var r=this.beginIndex;re-this.reachBottomDistance&&(this.isPreloading=!0,this.$emit("scrollReachBottom"))}},scroll:function(){this.$refs.scrollEl.addEventListener("scroll",this.scrollFn)},waterfallOver:function(){this.$refs.scrollEl.removeEventListener("scroll",this.scrollFn),this.isPreloading=!1,this.over=!0,this.setOverTipPos()},setOverTipPos:function(){var t=this,e=Math.max.apply(null,this.colsHeightArr);this.$nextTick(function(){t.$refs.over.style.top=e+"px"})},bindClickEvent:function(){var t=this;this.$el.querySelector(".vue-waterfall-easy").addEventListener("click",function(e){var i=e.target;if(-1===e.target.className.indexOf("over")&&-1==i.className.indexOf("img-box")){for(;-1==i.className.indexOf("img-inner-box");)i=i.parentNode;var s=i.getAttribute("data-index");t.$emit("click",e,{index:s,value:t.imgsArr_c[s]})}})},pullDown:function(){var t,e=this,i=this.$el.querySelector(".vue-waterfall-easy-scroll");i.addEventListener("touchmove",function(s){if(0===i.scrollTop){var r=s.changedTouches[0];t||(t=r.pageY);var n=r.pageY-t;n>0&&s.preventDefault(),e.$emit("pullDownMove",n)}}),i.addEventListener("touchend",function(s){0===i.scrollTop&&(t=NaN,e.$emit("pullDownEnd"))})},loadingMiddle:function(){var t=this.$el.querySelector(".vue-waterfall-easy-scroll"),e=t.offsetWidth-t.clientWidth;this.$el.querySelector(".loading").style.marginLeft=-e/2+"px"},reset:function(){this.imgsArr_c=[],this.beginIndex=0,this.loadedCount=0,this.isFirstLoad=!0,this.isPreloading=!0,this.scroll(),this.over=!1}}},o={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"vue-waterfall-easy-container",style:{width:t.width&&!t.isMobile?t.width+"px":"",height:parseFloat(t.height)==t.height?t.height+"px":t.height}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isPreloading_c,expression:"isPreloading_c"}],staticClass:"loading ball-beat",class:{first:t.isFirstLoad}},[t._t("loading",null,{isFirstLoad:t.isFirstLoad}),t._l(t.loadingDotCount,function(e){return t.hasLoadingSlot?t._e():i("div",{staticClass:"dot",style:t.loadingDotStyle})})],2),i("div",{ref:"scrollEl",staticClass:"vue-waterfall-easy-scroll"},[t._t("waterfall-head"),i("div",{staticClass:"vue-waterfall-easy",style:t.isMobile?"":{width:t.colWidth*t.cols+"px",left:"50%",marginLeft:-1*t.colWidth*t.cols/2+"px"}},[t._l(t.imgsArr_c,function(e,s){return i("div",{staticClass:"img-box",class:[t.cardAnimationClass,{__err__:e._error}],style:{padding:(t.isMobile?t.mobileGap:t.gap)/2+"px",width:t.isMobile?"":t.colWidth+"px"}},[i(t.isRouterLink&&"card"==t.linkRange?"router-link":"alink",{tag:"component",staticClass:"img-inner-box",attrs:{"data-index":s,to:"card"==t.linkRange&&e[t.hrefKey]}},[e[t.srcKey]?i(t.isRouterLink&&"img"==t.linkRange?"router-link":"alink",{tag:"component",staticClass:"img-wraper",style:{width:t.imgWidth_c+"px",height:!!e._height&&e._height+"px"},attrs:{to:"img"==t.linkRange&&e[t.hrefKey]}},[i("img",{attrs:{src:e[t.srcKey]}})]):t._e(),t._t("default",null,{index:s,value:e})],2)],1)}),t.over?i("div",{ref:"over",staticClass:"over"},[t._t("waterfall-over",[t._v("被你看光了")])],2):t._e()],2)],2)])},staticRenderFns:[]};var a=i("VU/8")(n,o,!1,function(t){i("NM6C")},"data-v-50f05506",null).exports,l=i("mtWM"),c=i.n(l),h={name:"app",data:function(){return{imgsArr:[],group:0,pullDownDistance:0}},components:{vueWaterfallEasy:a},methods:{getData:function(){var t=this;c.a.get("./static/mock/data.json?group="+this.group).then(function(e){t.group++,10!==t.group?t.imgsArr=t.imgsArr.concat(e.data):t.$refs.waterfall.waterfallOver()})},clickFn:function(t,e){var i=e.index,s=e.value;"img"==t.target.tagName.toLowerCase()&&console.log("img clicked",i,s)},imgErrorFn:function(t){console.log("图片加载错误",t)},changeImgArr:function(){var t=this;c.a.get("./static/mock/data-change.json").then(function(e){t.imgsArr=e.data})},pullDownMove:function(t){this.pullDownDistance=t},pullDownEnd:function(t){console.log("pullDownEnd"),this.pullDownDistance>50&&alert("下拉刷新"),this.pullDownDistance=0}},created:function(){this.getData()}},d={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{attrs:{id:"app"}},[i("a",{attrs:{id:"header",href:"https://github.com/lfyfly/vue-waterfall-easy",target:"_blank",title:"github of vue-waterfall-easy"}},[t._v("vue-waterfall-easy")]),i("button",{style:{position:"fixed",zIndex:1e4},on:{click:t.changeImgArr}},[t._v("changeImgArr")]),i("a",{staticClass:"typetype",attrs:{href:"https://typetype.top",target:"_blank"}},[i("button",{style:{position:"fixed",zIndex:1e4,left:"120px"}},[t._v("Improve typing speed")])]),i("div",{attrs:{id:"content"}},[i("vue-waterfall-easy",{ref:"waterfall",attrs:{imgsArr:t.imgsArr},on:{scrollReachBottom:t.getData,click:t.clickFn,imgError:t.imgErrorFn},scopedSlots:t._u([{key:"default",fn:function(e){return i("div",{staticClass:"img-info"},[i("p",{staticClass:"some-info"},[t._v("第"+t._s(e.index+1)+"张图片")]),i("p",{staticClass:"some-info"},[t._v(t._s(e.value.info))])])}}])})],1)])},staticRenderFns:[]};var u=i("VU/8")(h,d,!1,function(t){i("W5U7")},null,null).exports,g=i("/ocq");s.a.use(g.a);var f=new g.a({routes:[{path:"/test",name:"test",component:{name:"test",template:"

test test test test test test

"}}]}),m=i("Gs/g"),p=i.n(m);window.Promise||(window.Promise=p.a),new s.a({el:"#app",router:f,template:"",components:{App:u}})},NM6C:function(t,e){},W5U7:function(t,e){}},["NHnr"]); +//# sourceMappingURL=app.e85523c8e82d19acf4ec.js.map \ No newline at end of file diff --git a/demo/static/js/app.e85523c8e82d19acf4ec.js.map b/demo/static/js/app.e85523c8e82d19acf4ec.js.map new file mode 100644 index 0000000..c147072 --- /dev/null +++ b/demo/static/js/app.e85523c8e82d19acf4ec.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./src/vue-waterfall-easy/components/alink.vue?8501","webpack:///./src/vue-waterfall-easy/components/alink.vue","webpack:///src/vue-waterfall-easy/vue-waterfall-easy.vue","webpack:///src/vue-waterfall-easy/components/alink.vue","webpack:///./src/vue-waterfall-easy/vue-waterfall-easy.vue?8a68","webpack:///./src/vue-waterfall-easy/vue-waterfall-easy.vue","webpack:///src/App.vue","webpack:///./src/App.vue?f36a","webpack:///./src/App.vue","webpack:///./src/router/index.js","webpack:///./src/main.js"],"names":["components_alink","render","_h","this","$createElement","_self","_c","staticClass","attrs","href","to","target","_t","staticRenderFns","vue_waterfall_easy","name","components","alink","__webpack_require__","normalizeComponent","props","data","msg","methods","ssrContext","width","type","Number","height","String","reachBottomDistance","default","loadingDotCount","loadingDotStyle","Object","gap","mobileGap","maxCols","imgsArr","Array","required","srcKey","hrefKey","imgWidth","isRouterLink","Boolean","linkRange","loadingTimeOut","cardAnimationClass","enablePullDownEvent","isMobile","navigator","userAgent","match","isPreloading","isPreloading_c","imgsArr_c","loadedCount","cols","NaN","imgBoxEls","beginIndex","colsHeightArr","LoadingTimer","isFirstLoad","over","computed","colWidth","imgWidth_c","window","innerWidth","hasLoadingSlot","$scopedSlots","loading","mounted","_this","bindClickEvent","loadingMiddle","preload","calcuCols","$on","concat","$nextTick","$el","getElementsByClassName","waterfall","addEventListener","response","pullDown","scroll","beforeDestroy","removeEventListener","watch","newV","oldV","_this2","setTimeout","length","_height","reset","src","imgIndex","_this3","forEach","imgItem","$emit","oImg","Image","onload","onerror","e","Math","round","_error","waterfallWidth","parseInt","top","left","offsetWidth","i","offsetHeight","push","minHeight","min","apply","minIndex","indexOf","style","old","setOverTipPos","scrollFn","scrollEl","$refs","scrollTop","waterfallOver","_this4","maxHeight","max","_this5","querySelector","targetEl","className","parentNode","index","getAttribute","value","startY","_this6","t","changedTouches","pageY","pullDownDistance","preventDefault","scrollbarWidth","clientWidth","marginLeft","vue_waterfall_easy_vue_waterfall_easy","_vm","parseFloat","directives","rawName","expression","class","first","_l","n","_e","ref","v","__err__","padding","tag","data-index","_v","src_vue_waterfall_easy_vue_waterfall_easy","vue_waterfall_easy_normalizeComponent","App","group","vueWaterfallEasy","getData","axios_default","a","get","then","res","clickFn","event","_ref","tagName","toLowerCase","console","log","imgErrorFn","changeImgArr","pullDownMove","pullDownEnd","alert","created","selectortype_template_index_0_src_App","id","title","position","zIndex","on","click","scrollReachBottom","imgError","scopedSlots","_u","key","fn","_s","info","src_App","App_normalizeComponent","vue_esm","use","vue_router_esm","router","routes","path","component","template","Promise","lib_default","el"],"mappings":"4IAGAA,GADiBC,OAFjB,WAA0B,IAAaC,EAAbC,KAAaC,eAAkD,OAA/DD,KAAuCE,MAAAC,IAAAJ,GAAwB,KAAeK,YAAA,QAAAC,OAA2BC,KAAzGN,KAAyGO,GAAAC,OAAA,YAAzGR,KAA0IS,GAAA,gBAEnJC,oBCCjB,IC0IAC,GACAC,KAAA,qBACAC,YACAC,MD7IAC,EAAA,OAcAC,EEEAJ,KAAA,QACAK,OAAA,MACAC,KAHA,WAIA,OACAC,IAAA,2BAGAC,YFPAvB,GATA,EAVA,SAAAwB,GACAN,EAAA,SAaA,KAEA,MAUA,SCwHAE,OACAK,OACAC,KAAAC,QAEAC,QACAF,MAAAC,OAAAE,SAEAC,qBACAJ,KAAAC,OACAI,QAAA,IAEAC,iBACAN,KAAAC,OACAI,QAAA,GAEAE,iBACAP,KAAAQ,QAEAC,KACAT,KAAAC,OACAI,QAAA,IAEAK,WACAV,KAAAC,OACAI,QAAA,GAEAM,SACAX,KAAAC,OACAI,QAAA,GAEAO,SACAZ,KAAAa,MACAC,UAAA,GAEAC,QACAf,KAAAG,OACAE,QAAA,OAEAW,SACAhB,KAAAG,OACAE,QAAA,QAEAY,UACAjB,KAAAC,OACAI,QAAA,KAEAa,cACAlB,KAAAmB,QACAd,SAAA,GAEAe,WACApB,KAAAG,OACAE,QAAA,QAEAgB,gBACArB,KAAAC,OACAI,QAAA,KAEAiB,oBACAtB,MAAAG,QACAE,QAAA,0BAEAkB,qBACAvB,KAAAmB,QACAd,SAAA,IAGAV,KAxEA,WAyEA,OACAC,IAAA,sCACA4B,WAAAC,UAAAC,UAAAC,MAAA,8BACAC,cAAA,EACAC,gBAAA,EACAC,aACAC,YAAA,EACAC,KAAAC,IACAC,UAAA,KACAC,WAAA,EACAC,iBAEAC,aAAA,KACAC,aAAA,EACAC,MAAA,IAGAC,UACAC,SADA,WAEA,OAAAhE,KAAAwC,SAAAxC,KAAAgC,KAEAiC,WAJA,WAKA,OAAAjE,KAAA+C,SAAAmB,OAAAC,WAAA,EAAAnE,KAAAiC,UAAAjC,KAAAwC,UAEA4B,eAPA,WAQA,QAAApE,KAAAqE,aAAAC,UAGAC,QArGA,WAqGA,IAAAC,EAAAxE,KACAA,KAAAyE,iBACAzE,KAAA0E,gBAEA1E,KAAA2E,UACA3E,KAAAuD,KAAAvD,KAAA4E,YACA5E,KAAA6E,IAAA,uBACAL,EAAAX,aAAA,EAEAW,EAAAnB,UAAAmB,EAAArC,QAAA2C,WACAN,EAAAO,UAAA,WACAP,EAAArB,cAAA,EACAqB,EAAAf,UAAAe,EAAAQ,IAAAC,uBAAA,WAEAT,EAAAU,gBAIAlF,KAAA+C,UAAA/C,KAAAsB,OAAA4C,OAAAiB,iBAAA,SAAAnF,KAAAoF,UACApF,KAAA+C,UAAA/C,KAAA8C,qBAAA9C,KAAAqF,WACArF,KAAAsF,UAEAC,cA3HA,WA4HArB,OAAAsB,oBAAA,SAAAxF,KAAAoF,WAEAK,OACAtC,aADA,SACAuC,EAAAC,GAAA,IAAAC,EAAA5F,KACA0F,EACAG,WAAA,WACAD,EAAAzC,eACAyC,EAAAxC,gBAAA,IACApD,KAAA4C,gBAEA5C,KAAAoD,gBAAA,GAGAjB,QAXA,SAWAuD,EAAAC,IACA3F,KAAAqD,UAAAyC,OAAAJ,EAAAI,QAAA9F,KAAAqD,UAAAyC,OAAA,GAAAJ,EAAA,KAAAA,EAAA,GAAAK,UAEA/F,KAAAgG,QAEAhG,KAAA2E,YAIAvD,SAEAuD,QAFA,SAEAsB,EAAAC,GAAA,IAAAC,EAAAnG,KACAA,KAAAmC,QAAAiE,QAAA,SAAAC,EAAAH,GACA,KAAAA,EAAAC,EAAA7C,aAAA,CAEA,IAAA+C,EAAAF,EAAA7D,QAQA,OAPA6D,EAAAhE,QAAA+D,GAAAH,QAAA,IACAI,EAAA7C,mBAGA6C,EAAA7C,aAAA6C,EAAAhE,QAAA2D,QACAK,EAAAG,MAAA,cAKA,IAAAC,EAAA,IAAAC,MACAD,EAAAN,IAAAI,EAAAF,EAAA7D,QACAiE,EAAAE,OAAAF,EAAAG,QAAA,SAAAC,GAEAR,EAAA7C,cAEA6C,EAAAhE,QAAA+D,GAAAH,QAAA,QAAAY,EAAApF,KAAAqF,KAAAC,MAAAV,EAAAlC,YAAAsC,EAAAjF,MAAAiF,EAAA9E,SAAA0E,EAAApD,SAAAoD,EAAAlC,WAAAkC,EAAA3D,SACA,SAAAmE,EAAApF,OACA4E,EAAAhE,QAAA+D,GAAAY,QAAA,EACAX,EAAAG,MAAA,WAAAH,EAAAhE,QAAA+D,KAGAC,EAAA7C,aAAA6C,EAAAhE,QAAA2D,QACAK,EAAAG,MAAA,kBAOA1B,UArCA,WAsCA,IAAAmC,EAAA/G,KAAAsB,MAAAtB,KAAAsB,MAAA4C,OAAAC,WACAZ,EAAAyD,SAAAD,EAAA/G,KAAAgE,UAEA,OADAT,EAAA,IAAAA,EAAA,EAAAA,EACAvD,KAAA+C,SACA,EACAQ,EAAAvD,KAAAkC,QAAAlC,KAAAkC,QAAAqB,GAGA2B,UA9CA,WA+CA,GAAAlF,KAAAyD,UAAA,CAEA,IAAAwD,EAAAC,EAAAzF,EAAAuC,EAAAhE,KAAA+C,SAAA/C,KAAAyD,UAAA,GAAA0D,YAAAnH,KAAAgE,SACA,GAAAhE,KAAA0D,aAAA1D,KAAA2D,kBACA,QAAAyD,EAAApH,KAAA0D,WAAA0D,EAAApH,KAAAmC,QAAA2D,OAAAsB,IAAA,CACA,IAAApH,KAAAyD,UAAA2D,GAAA,OAEA,GADA3F,EAAAzB,KAAAyD,UAAA2D,GAAAC,aACAD,EAAApH,KAAAuD,KACAvD,KAAA2D,cAAA2D,KAAA7F,GACAwF,EAAA,EACAC,EAAAE,EAAApD,MACA,CACA,IAAAuD,EAAAX,KAAAY,IAAAC,MAAA,KAAAzH,KAAA2D,eACA+D,EAAA1H,KAAA2D,cAAAgE,QAAAJ,GACAN,EAAAM,EACAL,EAAAQ,EAAA1D,EAGAhE,KAAA2D,cAAA+D,GAAAH,EAAA9F,EAGAzB,KAAAyD,UAAA2D,GAAAQ,MAAAV,OAAA,KACAlH,KAAAyD,UAAA2D,GAAAQ,MAAAX,MAAA,KAGAjH,KAAA0D,WAAA1D,KAAAmC,QAAA2D,SAKAV,SA7EA,WA8EA,IAAAyC,EAAA7H,KAAAuD,KACAvD,KAAAuD,KAAAvD,KAAA4E,YACAiD,IAAA7H,KAAAuD,OACAvD,KAAA0D,WAAA,EACA1D,KAAAkF,YACAlF,KAAA8D,MAAA9D,KAAA8H,kBAIAC,SAvFA,WAwFA,IAAAC,EAAAhI,KAAAiI,MAAAD,SACA,IAAAhI,KAAAmD,aAAA,CACA,IAAAoE,EAAAX,KAAAY,IAAAC,MAAA,KAAAzH,KAAA2D,eACAqE,EAAAE,UAAAF,EAAAX,aAAAE,EAAAvH,KAAA2B,sBACA3B,KAAAmD,cAAA,EAEAnD,KAAAsG,MAAA,wBAGAhB,OAjGA,WAkGAtF,KAAAiI,MAAAD,SAAA7C,iBAAA,SAAAnF,KAAA+H,WAEAI,cApGA,WAqGAnI,KAAAiI,MAAAD,SAAAxC,oBAAA,SAAAxF,KAAA+H,UACA/H,KAAAmD,cAAA,EACAnD,KAAA8D,MAAA,EACA9D,KAAA8H,iBAEAA,cA1GA,WA0GA,IAAAM,EAAApI,KACAqI,EAAAzB,KAAA0B,IAAAb,MAAA,KAAAzH,KAAA2D,eACA3D,KAAA+E,UAAA,WACAqD,EAAAH,MAAAnE,KAAA8D,MAAAX,IAAAoB,EAAA,QAIA5D,eAjHA,WAiHA,IAAA8D,EAAAvI,KACAA,KAAAgF,IAAAwD,cAAA,uBACArD,iBAAA,iBAAAwB,GACA,IAAA8B,EAAA9B,EAAAnG,OACA,QAAAmG,EAAAnG,OAAAkI,UAAAf,QAAA,UACA,GAAAc,EAAAC,UAAAf,QAAA,YACA,SAAAc,EAAAC,UAAAf,QAAA,kBACAc,IAAAE,WAEA,IAAAC,EAAAH,EAAAI,aAAA,cACAN,EAAAjC,MAAA,QAAAK,GACAiC,QACAE,MAAAP,EAAAlF,UAAAuF,SAKAvD,SAlIA,WAkIA,IAEA0D,EAFAC,EAAAhJ,KACAgI,EAAAhI,KAAAgF,IAAAwD,cAAA,8BAEAR,EAAA7C,iBAAA,qBAAAwB,GAEA,OAAAqB,EAAAE,UAAA,CACA,IAAAe,EAAAtC,EAAAuC,eAAA,GACAH,MAAAE,EAAAE,OACA,IAAAC,EAAAH,EAAAE,MAAAJ,EACAK,EAAA,GACAzC,EAAA0C,iBAEAL,EAAA1C,MAAA,eAAA8C,MAGApB,EAAA7C,iBAAA,oBAAAwB,GACA,IAAAqB,EAAAE,YACAa,EAAAvF,IACAwF,EAAA1C,MAAA,mBAMA5B,cA1JA,WA4JA,IAAAsD,EAAAhI,KAAAgF,IAAAwD,cAAA,8BACAc,EAAAtB,EAAAb,YAAAa,EAAAuB,YACAvJ,KAAAgF,IAAAwD,cAAA,YAAAZ,MAAA4B,YAAAF,EAAA,QAEAtD,MAhKA,WAiKAhG,KAAAqD,aACArD,KAAA0D,WAAA,EACA1D,KAAAsD,YAAA,EACAtD,KAAA6D,aAAA,EACA7D,KAAAmD,cAAA,EACAnD,KAAAsF,SACAtF,KAAA8D,MAAA,KEncA2F,GADiB3J,OAFjB,WAA0B,IAAA4J,EAAA1J,KAAaD,EAAA2J,EAAAzJ,eAA0BE,EAAAuJ,EAAAxJ,MAAAC,IAAAJ,EAAwB,OAAAI,EAAA,OAAiBC,YAAA,+BAAAwH,OAAmDtG,MAAAoI,EAAApI,QAAAoI,EAAA3G,SAAA2G,EAAApI,MAAA,QAAAG,OAAAkI,WAAAD,EAAAjI,SAAAiI,EAAAjI,OAAAiI,EAAAjI,OAAA,KAAAiI,EAAAjI,UAAmItB,EAAA,OAAYyJ,aAAahJ,KAAA,OAAAiJ,QAAA,SAAAf,MAAAY,EAAA,eAAAI,WAAA,mBAAoF1J,YAAA,oBAAA2J,OAAyCC,MAAAN,EAAA7F,eAAuB6F,EAAAjJ,GAAA,gBAAyBoD,YAAA6F,EAAA7F,cAA4B6F,EAAAO,GAAAP,EAAA,yBAAAQ,GAA2C,OAAAR,EAAAtF,eAAqFsF,EAAAS,KAArFhK,EAAA,OAAuCC,YAAA,MAAAwH,MAAA8B,EAAA,qBAAyD,GAAAvJ,EAAA,OAAgBiK,IAAA,WAAAhK,YAAA,8BAAuDsJ,EAAAjJ,GAAA,kBAAAN,EAAA,OAAqCC,YAAA,qBAAAwH,MAAA8B,EAAA3G,SAAA,IAA2DzB,MAAAoI,EAAA1F,SAAA0F,EAAAnG,KAAA,KAAA2D,KAAA,MAAAsC,YAAA,EAAAE,EAAA1F,SAAA0F,EAAAnG,KAAA,UAA6FmG,EAAAO,GAAAP,EAAA,mBAAAW,EAAAjD,GAAuC,OAAAjH,EAAA,OAAiBC,YAAA,UAAA2J,OAAAL,EAAA7G,oBAAsDyH,QAAAD,EAAAvD,SAAkBc,OAAU2C,SAAAb,EAAA3G,SAAA2G,EAAAzH,UAAAyH,EAAA1H,KAAA,OAAAV,MAAAoI,EAAA3G,SAAA,GAAA2G,EAAA1F,SAAA,QAAyG7D,EAAAuJ,EAAAjH,cAAA,QAAAiH,EAAA/G,UAAA,uBAA2E6H,IAAA,YAAApK,YAAA,gBAAAC,OAAmDoK,aAAArD,EAAA7G,GAAA,QAAAmJ,EAAA/G,WAAA0H,EAAAX,EAAAnH,YAAoE8H,EAAAX,EAAApH,QAAAnC,EAAAuJ,EAAAjH,cAAA,OAAAiH,EAAA/G,UAAA,uBAAwF6H,IAAA,YAAApK,YAAA,aAAAwH,OAAiDtG,MAAAoI,EAAAzF,WAAA,KAAAxC,SAAA4I,EAAAtE,SAAAsE,EAAAtE,QAAA,MAAoE1F,OAASE,GAAA,OAAAmJ,EAAA/G,WAAA0H,EAAAX,EAAAnH,YAAoDpC,EAAA,OAAYE,OAAO4F,IAAAoE,EAAAX,EAAApH,aAAqBoH,EAAAS,KAAAT,EAAAjJ,GAAA,gBAAoCmI,MAAAxB,EAAA0B,MAAAuB,KAAgB,SAAUX,EAAA,KAAAvJ,EAAA,OAAuBiK,IAAA,OAAAhK,YAAA,SAA8BsJ,EAAAjJ,GAAA,kBAAAiJ,EAAAgB,GAAA,eAAAhB,EAAAS,MAAA,UAE1tDzJ,oBCCjB,IAuBAiK,EAvBA5J,EAAA,OAcA6J,CACAjK,EACA8I,GATA,EAVA,SAAApI,GACAN,EAAA,SAaA,kBAEA,MAUA,6BCCA8J,GACAjK,KAAA,MACAM,KAFA,WAGA,OACAiB,WACA2I,MAAA,EACA1B,iBAAA,IAGAvI,YACAkK,iBAAAJ,GAEAvJ,SACA4J,QADA,WACA,IAAAxG,EAAAxE,KACAiL,EAAAC,EAAAC,IAAA,iCAAAnL,KAAA8K,OACAM,KAAA,SAAAC,GACA7G,EAAAsG,QACA,KAAAtG,EAAAsG,MAIAtG,EAAArC,QAAAqC,EAAArC,QAAA2C,OAAAuG,EAAAnK,MAHAsD,EAAAyD,MAAA/C,UAAAiD,mBAMAmD,QAZA,SAYAC,EAZAC,GAYA,IAAA5C,EAAA4C,EAAA5C,MAAAE,EAAA0C,EAAA1C,MAEA,OAAAyC,EAAA/K,OAAAiL,QAAAC,eACAC,QAAAC,IAAA,cAAAhD,EAAAE,IAGA+C,WAlBA,SAkBAxF,GACAsF,QAAAC,IAAA,SAAAvF,IAEAyF,aArBA,WAqBA,IAAAlG,EAAA5F,KACAiL,EAAAC,EAAAC,IAAA,kCACAC,KAAA,SAAAC,GACAzF,EAAAzD,QAAAkJ,EAAAnK,QAGA6K,aA3BA,SA2BA3C,GAEApJ,KAAAoJ,oBAEA4C,YA/BA,SA+BA5C,GACAuC,QAAAC,IAAA,eACA5L,KAAAoJ,iBAAA,IACA6C,MAAA,QAEAjM,KAAAoJ,iBAAA,IAGA8C,QAnDA,WAoDAlM,KAAAgL,YC5EAmB,GADiBrM,OAFjB,WAA0B,IAAA4J,EAAA1J,KAAaD,EAAA2J,EAAAzJ,eAA0BE,EAAAuJ,EAAAxJ,MAAAC,IAAAJ,EAAwB,OAAAI,EAAA,OAAiBE,OAAO+L,GAAA,SAAYjM,EAAA,KAAUE,OAAO+L,GAAA,SAAA9L,KAAA,+CAAAE,OAAA,SAAA6L,MAAA,kCAA8H3C,EAAAgB,GAAA,wBAAAvK,EAAA,UAA8CyH,OAAQ0E,SAAA,QAAAC,OAAA,KAA8BC,IAAMC,MAAA/C,EAAAoC,gBAA0BpC,EAAAgB,GAAA,kBAAAvK,EAAA,KAAmCC,YAAA,WAAAC,OAA8BC,KAAA,uBAAAE,OAAA,YAAiDL,EAAA,UAAeyH,OAAQ0E,SAAA,QAAAC,OAAA,IAAArF,KAAA,WAA+CwC,EAAAgB,GAAA,4BAAAvK,EAAA,OAA+CE,OAAO+L,GAAA,aAAgBjM,EAAA,sBAA2BiK,IAAA,YAAA/J,OAAuB8B,QAAAuH,EAAAvH,SAAsBqK,IAAKE,kBAAAhD,EAAAsB,QAAAyB,MAAA/C,EAAA4B,QAAAqB,SAAAjD,EAAAmC,YAA8Ee,YAAAlD,EAAAmD,KAAsBC,IAAA,UAAAC,GAAA,SAAA9L,GAAiC,OAAAd,EAAA,OAAiBC,YAAA,aAAuBD,EAAA,KAAUC,YAAA,cAAwBsJ,EAAAgB,GAAA,IAAAhB,EAAAsD,GAAA/L,EAAA2H,MAAA,YAAAzI,EAAA,KAAoDC,YAAA,cAAwBsJ,EAAAgB,GAAAhB,EAAAsD,GAAA/L,EAAA6H,MAAAmE,kBAA2C,MAEhgCvM,oBCCjB,IAuBAwM,EAvBAnM,EAAA,OAcAoM,CACAtC,EACAsB,GATA,EAVA,SAAA9K,GACAN,EAAA,SAaA,KAEA,MAUA,oBCvBAqM,EAAA,EAAIC,IAAIC,EAAA,GACR,IAAAC,EAAA,IAAmBD,EAAA,GACjBE,SAEIC,KAAM,QACN7M,KAAM,OACN8M,WAAa9M,KAAM,OAAO+M,SAAS,mECFpCzJ,OAAO0J,UACR1J,OAAO0J,QAAUC,EAAA3C,GAGrB,IAAIkC,EAAA,GACFU,GAAI,OACJP,SACAI,SAAU,SACV9M,YAAcgK,IAAAqC","file":"static/js/app.e85523c8e82d19acf4ec.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"alink\",attrs:{\"href\":_vm.to,\"target\":\"_blank\"}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-059a8c3a\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/vue-waterfall-easy/components/alink.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-059a8c3a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./alink.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./alink.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./alink.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-059a8c3a\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./alink.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/vue-waterfall-easy/components/alink.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/vue-waterfall-easy/vue-waterfall-easy.vue","\n\n\n\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/vue-waterfall-easy/components/alink.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vue-waterfall-easy-container\",style:({width: _vm.width&&!_vm.isMobile ? _vm.width+'px' : '', height: parseFloat(_vm.height)==_vm.height ? _vm.height+'px': _vm.height })},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPreloading_c),expression:\"isPreloading_c\"}],staticClass:\"loading ball-beat\",class:{first:_vm.isFirstLoad}},[_vm._t(\"loading\",null,{isFirstLoad:_vm.isFirstLoad}),_vm._l((_vm.loadingDotCount),function(n){return (!_vm.hasLoadingSlot)?_c('div',{staticClass:\"dot\",style:(_vm.loadingDotStyle)}):_vm._e()})],2),_c('div',{ref:\"scrollEl\",staticClass:\"vue-waterfall-easy-scroll\"},[_vm._t(\"waterfall-head\"),_c('div',{staticClass:\"vue-waterfall-easy\",style:(_vm.isMobile? '' :{width: _vm.colWidth*_vm.cols+'px',left:'50%', marginLeft: -1*_vm.colWidth*_vm.cols/2 +'px'})},[_vm._l((_vm.imgsArr_c),function(v,i){return _c('div',{staticClass:\"img-box\",class:[_vm.cardAnimationClass, {__err__: v._error}],style:({padding: (_vm.isMobile ? _vm.mobileGap : _vm.gap)/2+'px', width: _vm.isMobile ? '' : _vm.colWidth+'px'})},[_c(_vm.isRouterLink && _vm.linkRange=='card' ? 'router-link' : 'alink',{tag:\"component\",staticClass:\"img-inner-box\",attrs:{\"data-index\":i,\"to\":_vm.linkRange=='card' ? v[_vm.hrefKey] : false}},[(v[_vm.srcKey])?_c(_vm.isRouterLink && _vm.linkRange=='img' ? 'router-link' :'alink',{tag:\"component\",staticClass:\"img-wraper\",style:({width:_vm.imgWidth_c + 'px',height:v._height ? v._height+'px':false}),attrs:{\"to\":_vm.linkRange=='img' ? v[_vm.hrefKey] : false}},[_c('img',{attrs:{\"src\":v[_vm.srcKey]}})]):_vm._e(),_vm._t(\"default\",null,{index:i,value:v})],2)],1)}),(_vm.over)?_c('div',{ref:\"over\",staticClass:\"over\"},[_vm._t(\"waterfall-over\",[_vm._v(\"被你看光了\")])],2):_vm._e()],2)],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-50f05506\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/vue-waterfall-easy/vue-waterfall-easy.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-50f05506\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./vue-waterfall-easy.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-waterfall-easy.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-waterfall-easy.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-50f05506\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../../node_modules/vue-loader/lib/selector?type=template&index=0!./vue-waterfall-easy.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-50f05506\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/vue-waterfall-easy/vue-waterfall-easy.vue\n// module id = null\n// module chunks = ","\n\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('a',{attrs:{\"id\":\"header\",\"href\":\"https://github.com/lfyfly/vue-waterfall-easy\",\"target\":\"_blank\",\"title\":\"github of vue-waterfall-easy\"}},[_vm._v(\"vue-waterfall-easy\")]),_c('button',{style:({position:'fixed',zIndex:10000}),on:{\"click\":_vm.changeImgArr}},[_vm._v(\"changeImgArr\")]),_c('a',{staticClass:\"typetype\",attrs:{\"href\":\"https://typetype.top\",\"target\":\"_blank\"}},[_c('button',{style:({position:'fixed',zIndex:10000, left: '120px'})},[_vm._v(\"Improve typing speed\")])]),_c('div',{attrs:{\"id\":\"content\"}},[_c('vue-waterfall-easy',{ref:\"waterfall\",attrs:{\"imgsArr\":_vm.imgsArr},on:{\"scrollReachBottom\":_vm.getData,\"click\":_vm.clickFn,\"imgError\":_vm.imgErrorFn},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return _c('div',{staticClass:\"img-info\"},[_c('p',{staticClass:\"some-info\"},[_vm._v(\"第\"+_vm._s(props.index+1)+\"张图片\")]),_c('p',{staticClass:\"some-info\"},[_vm._v(_vm._s(props.value.info))])])}}])})],1)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-18db3082\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-18db3082\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-18db3082\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/template-compiler/preprocessor?engine=pug!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","import Vue from 'vue'\nimport Router from 'vue-router'\n\nVue.use(Router)\nexport default new Router({\n routes: [\n {\n path: '/test',\n name: 'test',\n component: { name: 'test',template:'

test test test test test test

'}\n },\n ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","// 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'\nimport router from './router'\nimport Promise from 'promise-polyfill'\n// To add to window\nif (!window.Promise) {\n window.Promise = Promise\n}\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\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/demo/static/js/manifest.3ad1d5771e9b13dbdad2.js.map b/demo/static/js/manifest.3ad1d5771e9b13dbdad2.js.map index 8f98539..6b52bd7 100644 --- a/demo/static/js/manifest.3ad1d5771e9b13dbdad2.js.map +++ b/demo/static/js/manifest.3ad1d5771e9b13dbdad2.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/bootstrap 2b1ffbd1b15934c33cd3"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,KAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.3ad1d5771e9b13dbdad2.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 2b1ffbd1b15934c33cd3"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/bootstrap 0912978a600dc0c78eba"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,KAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.3ad1d5771e9b13dbdad2.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 0912978a600dc0c78eba"],"sourceRoot":""} \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 2954ad4..1c35efc 100644 --- a/src/App.vue +++ b/src/App.vue @@ -2,6 +2,9 @@ #app a#header(href="https://github.com/lfyfly/vue-waterfall-easy",target="_blank",title="github of vue-waterfall-easy") vue-waterfall-easy button(:style="{position:'fixed',zIndex:10000}", @click="changeImgArr") changeImgArr + a.typetype(href="https://typetype.top", target="_blank") + button(:style="{position:'fixed',zIndex:10000, left: '120px'}") Improve typing speed + #content //- vue-waterfall-easy(ref="waterfall",:imgsArr="imgsArr",@scrollReachBottom="getData", @click="clickFn", :enablePullDownEvent="true", @pullDownMove="pullDownMove",@pullDownEnd="pullDownEnd") vue-waterfall-easy(ref="waterfall",:imgsArr="imgsArr",@scrollReachBottom="getData", @click="clickFn", @imgError="imgErrorFn") @@ -96,13 +99,18 @@ a { &:active { color: #000; } + } html, body, #app { height: 100%; } - +.typetype button{ + cursor: pointer; + font-size: 18px; + padding: 0 10px; +} #app { position: relative; #header {