webpackJsonp([25],{CGQl:function(t,i){},JsOw:function(t,i){},UFvj:function(t,i,n){"use strict";Object.defineProperty(i,"__esModule",{value:!0});n("nsZj"),n("hW8u"),n("JsOw"),n("W0KU"),n("CGQl");var e=n("RfZZ"),a=n("7+uW"),o=n("AA6R"),s=n.n(o),c=n("o69Z"),r=n("CsZI"),h=n("vwLT"),v=n("sM86"),l=Object(c.h)("swipe"),p=l[0],f=l[1],u=p({mixins:[h.a],props:{width:Number,height:Number,autoplay:Number,vertical:Boolean,initialSwipe:Number,indicatorColor:String,loop:{type:Boolean,default:!0},touchable:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},duration:{type:Number,default:500}},data:function(){return{computedWidth:0,computedHeight:0,offset:0,active:0,deltaX:0,deltaY:0,swipes:[],swiping:!1}},mounted:function(){this.initialize(),this.$isServer||Object(v.b)(window,"resize",this.onResize,!0)},activated:function(){this.rendered&&this.initialize(),this.rendered=!0},destroyed:function(){this.clear(),this.$isServer||Object(v.a)(window,"resize",this.onResize,!0)},watch:{swipes:function(){this.initialize()},initialSwipe:function(){this.initialize()},autoplay:function(t){t?this.autoPlay():this.clear()}},computed:{count:function(){return this.swipes.length},delta:function(){return this.vertical?this.deltaY:this.deltaX},size:function(){return this[this.vertical?"computedHeight":"computedWidth"]},trackSize:function(){return this.count*this.size},activeIndicator:function(){return(this.active+this.count)%this.count},isCorrectDirection:function(){var t=this.vertical?"vertical":"horizontal";return this.direction===t},trackStyle:function(){var t,i=this.vertical?"height":"width",n=this.vertical?"width":"height";return(t={})[i]=this.trackSize+"px",t[n]=this[n]?this[n]+"px":"",t.transitionDuration=(this.swiping?0:this.duration)+"ms",t.transform="translate"+(this.vertical?"Y":"X")+"("+this.offset+"px)",t},indicatorStyle:function(){return{backgroundColor:this.indicatorColor}}},methods:{initialize:function(t){if(void 0===t&&(t=this.initialSwipe),clearTimeout(this.timer),this.$el){var i=this.$el.getBoundingClientRect();this.computedWidth=this.width||i.width,this.computedHeight=this.height||i.height}this.swiping=!0,this.active=t,this.offset=this.count>1?-this.size*this.active:0,this.swipes.forEach(function(t){t.offset=0}),this.autoPlay()},onResize:function(){this.initialize(this.activeIndicator)},onTouchStart:function(t){this.touchable&&(this.clear(),this.swiping=!0,this.touchStart(t),this.correctPosition())},onTouchMove:function(t){this.touchable&&this.swiping&&(this.touchMove(t),this.isCorrectDirection&&(t.preventDefault(),t.stopPropagation(),this.move({offset:Math.min(Math.max(this.delta,-this.size),this.size)})))},onTouchEnd:function(){if(this.touchable&&this.swiping){if(this.delta&&this.isCorrectDirection){var t=this.vertical?this.offsetY:this.offsetX;this.move({pace:t>0?this.delta>0?-1:1:0,emitChange:!0})}this.swiping=!1,this.autoPlay()}},move:function(t){var i=t.pace,n=void 0===i?0:i,e=t.offset,a=void 0===e?0:e,o=t.emitChange,s=this.delta,c=this.active,r=this.count,h=this.swipes,v=this.trackSize,l=0===c,p=c===r-1;!this.loop&&(l&&(a>0||n<0)||p&&(a<0||n>0))||r<=1||(h[0]&&(h[0].offset=p&&(s<0||n>0)?v:0),h[r-1]&&(h[r-1].offset=l&&(s>0||n<0)?-v:0),n&&c+n>=-1&&c+n<=r&&(this.active+=n,o&&this.$emit("change",this.activeIndicator)),this.offset=Math.round(a-this.active*this.size))},swipeTo:function(t){var i=this;this.swiping=!0,this.resetTouchStatus(),this.correctPosition(),setTimeout(function(){i.swiping=!1,i.move({pace:t%i.count-i.active,emitChange:!0})},30)},correctPosition:function(){this.active<=-1&&this.move({pace:this.count}),this.active>=this.count&&this.move({pace:-this.count})},clear:function(){clearTimeout(this.timer)},autoPlay:function(){var t=this,i=this.autoplay;i&&this.count>1&&(this.clear(),this.timer=setTimeout(function(){t.swiping=!0,t.resetTouchStatus(),t.correctPosition(),setTimeout(function(){t.swiping=!1,t.move({pace:1,emitChange:!0}),t.autoPlay()},30)},i))}},render:function(t){var i=this,n=this.count,e=this.activeIndicator,a=this.slots("indicator")||this.showIndicators&&n>1&&t("div",{class:f("indicators",{vertical:this.vertical})},[Array.apply(void 0,Array(n)).map(function(n,a){return t("i",{class:f("indicator",{active:a===e}),style:a===e?i.indicatorStyle:null})})]);return t("div",{class:f()},[t("div",{ref:"track",style:this.trackStyle,class:f("track"),on:{touchstart:this.onTouchStart,touchmove:this.onTouchMove,touchend:this.onTouchEnd,touchcancel:this.onTouchEnd}},[this.slots()]),a])}}),d=Object(c.h)("swipe-item"),A=d[0],w=d[1],m=A({data:function(){return{offset:0}},beforeCreate:function(){this.$parent.swipes.push(this)},destroyed:function(){this.$parent.swipes.splice(this.$parent.swipes.indexOf(this),1)},render:function(t){var i=this.$parent,n=i.vertical,a=i.computedWidth,o=i.computedHeight,s={width:a+"px",height:n?o+"px":"100%",transform:"translate"+(n?"Y":"X")+"("+this.offset+"px)"};return t("div",{class:w(),style:s,on:Object(e.a)({},this.$listeners)},[this.slots()])}}),C=Object(c.h)("image-preview"),g=C[0],b=C[1];function B(t){return Math.sqrt(Math.abs((t[0].clientX-t[1].clientX)*(t[0].clientY-t[1].clientY)))}var k,E=g({mixins:[r.a,h.a],props:{images:Array,className:null,lazyLoad:Boolean,asyncClose:Boolean,startPosition:Number,showIndicators:Boolean,loop:{type:Boolean,default:!0},overlay:{type:Boolean,default:!0},showIndex:{type:Boolean,default:!0},overlayClass:{type:String,default:"van-image-preview__overlay"},closeOnClickOverlay:{type:Boolean,default:!0}},data:function(){return{scale:1,moveX:0,moveY:0,moving:!1,zooming:!1,active:0}},computed:{imageStyle:function(){var t=this.scale,i={transition:this.zooming||this.moving?"":".3s all"};return 1!==t&&(i.transform="scale3d("+t+", "+t+", 1) translate("+this.moveX/t+"px, "+this.moveY/t+"px)"),i}},watch:{value:function(){this.active=this.startPosition},startPosition:function(t){this.active=t}},methods:{onWrapperTouchStart:function(){this.touchStartTime=new Date},onWrapperTouchEnd:function(t){t.preventDefault();var i=new Date-this.touchStartTime,n=this.$refs.swipe||{},e=n.offsetX,a=void 0===e?0:e,o=n.offsetY;if(i<300&&a<10&&(void 0===o?0:o)<10){var s=this.active;this.resetScale(),this.$emit("close",{index:s,url:this.images[s]}),this.asyncClose||this.$emit("input",!1)}},startMove:function(t){var i=t.currentTarget.getBoundingClientRect(),n=window.innerWidth,e=window.innerHeight;this.touchStart(t),this.moving=!0,this.startMoveX=this.moveX,this.startMoveY=this.moveY,this.maxMoveX=Math.max(0,(i.width-n)/2),this.maxMoveY=Math.max(0,(i.height-e)/2)},startZoom:function(t){this.moving=!1,this.zooming=!0,this.startScale=this.scale,this.startDistance=B(t.touches)},onTouchStart:function(t){var i=t.touches,n=(this.$refs.swipe||{}).offsetX,e=void 0===n?0:n;1===i.length&&1!==this.scale?this.startMove(t):2!==i.length||e||this.startZoom(t)},onTouchMove:function(t){var i=t.touches;if((this.moving||this.zooming)&&(t.preventDefault(),t.stopPropagation()),this.moving){this.touchMove(t);var n=this.deltaX+this.startMoveX,e=this.deltaY+this.startMoveY;this.moveX=Object(c.g)(n,-this.maxMoveX,this.maxMoveX),this.moveY=Object(c.g)(e,-this.maxMoveY,this.maxMoveY)}if(this.zooming&&2===i.length){var a=B(i),o=this.startScale*a/this.startDistance;this.scale=Object(c.g)(o,1/3,3)}},onTouchEnd:function(t){if(this.moving||this.zooming){var i=!0;this.moving&&this.startMoveX===this.moveX&&this.startMoveY===this.moveY&&(i=!1),t.touches.length||(this.moving=!1,this.zooming=!1,this.startMoveX=0,this.startMoveY=0,this.startScale=1,this.scale<1&&this.resetScale()),i&&(t.preventDefault(),t.stopPropagation())}},onChange:function(t){this.resetScale(),this.active=t},resetScale:function(){this.scale=1,this.moveX=0,this.moveY=0}},render:function(t){var i=this;if(this.value){var n=this.active,e=this.images,a=this.showIndex&&t("div",{class:b("index")},[n+1+"/"+e.length]),o=t(u,{ref:"swipe",attrs:{loop:this.loop,indicatorColor:"white",initialSwipe:this.startPosition,showIndicators:this.showIndicators},on:{change:this.onChange}},[e.map(function(e,a){var o={class:b("image"),style:a===n?i.imageStyle:null,on:{touchstart:i.onTouchStart,touchmove:i.onTouchMove,touchend:i.onTouchEnd,touchcancel:i.onTouchEnd}};return t(m,[i.lazyLoad?t("img",s()([{directives:[{name:"lazy",value:e}]},o])):t("img",s()([{attrs:{src:e}},o]))])})]);return t("transition",{attrs:{name:"van-fade"}},[t("div",{class:[b(),this.className],on:{touchstart:this.onWrapperTouchStart,touchend:this.onWrapperTouchEnd,touchcancel:this.onWrapperTouchEnd}},[a,o])])}}}),y={images:[],loop:!0,value:!0,className:"",lazyLoad:!1,showIndex:!0,asyncClose:!1,startPosition:0,showIndicators:!1},x=function(t,i){if(void 0===i&&(i=0),!c.e){k||(k=new(a.default.extend(E))({el:document.createElement("div")}),document.body.appendChild(k.$el));var n=Array.isArray(t)?{images:t,startPosition:i}:t;return Object(e.a)(k,y,n),k.$once("input",function(t){k.value=t}),n.onClose&&k.$once("close",n.onClose),k}};x.install=function(){a.default.use(E)};var I=x,z=n("Jmy5"),D={name:"nofinishdia",mounted:function(){this.$sa.track("ViewPreview",{})},data:function(){return{previewImg2:z.f}},methods:{toLink:function(){this.$sa.quick("trackHeatMap",this.$refs.btn),window.location.href="https://appanqlfkth3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjowLCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzViNGEyNDFjOTQ4NGVfZzg3ZVhOMUgiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"},ImagePreviewF:function(t){I({images:[this.previewImg2.previewpic1,this.previewImg2.previewpic2,this.previewImg2.previewpic3,this.previewImg2.previewpic6,this.previewImg2.previewpic5,this.previewImg2.previewpic7,this.previewImg2.previewpic8,this.previewImg2.previewpic9],lazyLoad:!0,startPosition:t})}}},Y=function(){var t=this,i=t.$createElement,n=t._self._c||i;return n("div",{staticClass:"nofinish-block"},[n("img",{staticClass:"bg",attrs:{src:t.previewImg2.preview1,alt:""}}),t._v(" "),n("img",{staticClass:"bg",attrs:{src:t.previewImg2.preview2,alt:""}}),t._v(" "),n("img",{staticClass:"bg",attrs:{src:t.previewImg2.preview3,alt:""}}),t._v(" "),n("img",{staticClass:"bg",attrs:{src:t.previewImg2.preview4,alt:""}}),t._v(" "),n("div",{staticClass:"pic pic1",on:{click:function(i){t.ImagePreviewF(0)}}}),t._v(" "),n("div",{staticClass:"pic pic2",on:{click:function(i){t.ImagePreviewF(1)}}}),t._v(" "),n("div",{staticClass:"pic pic3",on:{click:function(i){t.ImagePreviewF(2)}}}),t._v(" "),n("div",{staticClass:"pic pic4",on:{click:function(i){t.ImagePreviewF(3)}}}),t._v(" "),n("div",{staticClass:"pic pic5",on:{click:function(i){t.ImagePreviewF(4)}}}),t._v(" "),n("div",{staticClass:"pic pic6",on:{click:function(i){t.ImagePreviewF(5)}}}),t._v(" "),n("div",{staticClass:"pic pic7",on:{click:function(i){t.ImagePreviewF(6)}}}),t._v(" "),n("div",{staticClass:"pic pic8",on:{click:function(i){t.ImagePreviewF(7)}}}),t._v(" "),n("div",{ref:"btn",staticClass:"btn",on:{click:t.toLink}},[n("img",{attrs:{src:t.previewImg2.previewBtn,alt:""}})])])};Y._withStripped=!0;var S={render:Y,staticRenderFns:[]},M=S;var T=!1;var P=n("VU/8")(D,M,!1,function(t){T||n("bv0n")},"data-v-0f62695a",null);P.options.__file="src/components/indexPage/preview.vue";i.default=P.exports},W0KU:function(t,i){},bv0n:function(t,i,n){var e=n("k/Gd");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);n("rjj0")("2e6d81ca",e,!1,{})},"k/Gd":function(t,i,n){(t.exports=n("FZ+f")(!0)).push([t.i,"\n.fl-r[data-v-0f62695a] {\n float: right;\n}\n.fr[data-v-0f62695a] {\n float: right;\n}\n.fl[data-v-0f62695a] {\n float: left;\n}\n.main-block[data-v-0f62695a] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-0f62695a]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-0f62695a]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-0f62695a]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-0f62695a]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-0f62695a {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-0f62695a] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-0f62695a] {\n background: transparent;\n}\n.nofinish-block[data-v-0f62695a] {\n position: relative;\n}\n.nofinish-block .bg[data-v-0f62695a] {\n width: 100%;\n vertical-align: top;\n}\n.nofinish-block .pic[data-v-0f62695a] {\n position: absolute;\n left: 8vw;\n width: 84vw;\n}\n.nofinish-block .pic1[data-v-0f62695a] {\n top: 134.66666667vw;\n height: 30.66666667vw;\n}\n.nofinish-block .pic2[data-v-0f62695a] {\n top: 225.33333333vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic3[data-v-0f62695a] {\n top: 345.33333333vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic4[data-v-0f62695a] {\n top: 470.66666667vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic5[data-v-0f62695a] {\n top: 622.66666667vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic6[data-v-0f62695a] {\n top: 785.33333333vw;\n height: 48vw;\n}\n.nofinish-block .pic7[data-v-0f62695a] {\n top: 886.66666667vw;\n height: 42.66666667vw;\n}\n.nofinish-block .pic8[data-v-0f62695a] {\n top: 985.33333333vw;\n height: 42.66666667vw;\n}\n.nofinish-block .btn[data-v-0f62695a] {\n position: absolute;\n bottom: 12.8vw;\n text-align: center;\n left: 12.53333333vw;\n font-size: 12px;\n width: 75.73333333vw;\n height: 13.33333333vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.nofinish-block .btn img[data-v-0f62695a] {\n width: 100%;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/indexPage/preview.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,YAAY;EACZ,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,UAAU;EACV,YAAY;CACb;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,mBAAmB;EACnB,eAAe;EACf,mBAAmB;EACnB,oBAAoB;EACpB,gBAAgB;EAChB,qBAAqB;EACrB,sBAAsB;EACtB,+BAA+B;UACvB,uBAAuB;CAChC;AACD;EACE,YAAY;CACb",file:"preview.vue",sourcesContent:["\n.fl-r[data-v-0f62695a] {\n float: right;\n}\n.fr[data-v-0f62695a] {\n float: right;\n}\n.fl[data-v-0f62695a] {\n float: left;\n}\n.main-block[data-v-0f62695a] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-0f62695a]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-0f62695a]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-0f62695a]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-0f62695a]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-0f62695a {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-0f62695a] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-0f62695a] {\n background: transparent;\n}\n.nofinish-block[data-v-0f62695a] {\n position: relative;\n}\n.nofinish-block .bg[data-v-0f62695a] {\n width: 100%;\n vertical-align: top;\n}\n.nofinish-block .pic[data-v-0f62695a] {\n position: absolute;\n left: 8vw;\n width: 84vw;\n}\n.nofinish-block .pic1[data-v-0f62695a] {\n top: 134.66666667vw;\n height: 30.66666667vw;\n}\n.nofinish-block .pic2[data-v-0f62695a] {\n top: 225.33333333vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic3[data-v-0f62695a] {\n top: 345.33333333vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic4[data-v-0f62695a] {\n top: 470.66666667vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic5[data-v-0f62695a] {\n top: 622.66666667vw;\n height: 53.33333333vw;\n}\n.nofinish-block .pic6[data-v-0f62695a] {\n top: 785.33333333vw;\n height: 48vw;\n}\n.nofinish-block .pic7[data-v-0f62695a] {\n top: 886.66666667vw;\n height: 42.66666667vw;\n}\n.nofinish-block .pic8[data-v-0f62695a] {\n top: 985.33333333vw;\n height: 42.66666667vw;\n}\n.nofinish-block .btn[data-v-0f62695a] {\n position: absolute;\n bottom: 12.8vw;\n text-align: center;\n left: 12.53333333vw;\n font-size: 12px;\n width: 75.73333333vw;\n height: 13.33333333vw;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.nofinish-block .btn img[data-v-0f62695a] {\n width: 100%;\n}\n"],sourceRoot:""}])}});
-
chenyishuai@singsingenglish.com authored730699e9