| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["circle-page-blogger-index~circle-page-circle-index~circle-page-detail-index~circle-page-home-index~c~2e5a9b71"],{"06f0":function(t,e,a){"use strict";var i=a("e7df"),n=a.n(i);n.a},1138:function(t,e,a){"use strict";a("6a54"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,a("64aa"),a("c223"),a("5ef2");var i={name:"tn-lazy-load",options:{virtualHost:!0},props:{index:{type:[String,Number],default:""},bgColor:{type:String,default:"#f8f7f8"},src:{type:String,default:""},imgMode:{type:String,default:"aspectFill"},loadingImg:{type:String,default:"http://qny.wdsp666.com/%E7%A6%8F%E8%A2%8B%E8%83%8C%E6%99%AF%E5%9B%BE/loading.gif"},errorImg:{type:String,default:"http://qny.wdsp666.com/%E7%A6%8F%E8%A2%8B%E8%83%8C%E6%99%AF%E5%9B%BE/nopic.jpg"},threshold:{type:[Number,String],default:100},isEffect:{type:Boolean,default:!0},duration:{type:[String,Number],default:500},effect:{type:String,default:"ease-in-out"},height:{type:[String,Number],default:""},borderRadius:{type:String,default:""},enableLazyLoad:{type:Boolean,default:!0}},computed:{thresholdValue:function(){var t=uni.upx2px(Math.abs(this.threshold));return this.threshold<0?-t:t},lazyLoadItemStyle:function(){var t={};return t.opacity=Number(this.opacity),this.borderRadius&&(t.borderRadius=this.borderRadius),t.backgroundColor=this.bgColor,t.transition="opacity ".concat(this.time/1e3,"s ").concat(this.effect),t.height=this.$tn.string.getLengthUnitValue(this.height),t},imageStyle:function(){var t={};return"string"===typeof this.height&&-1===this.height.indexOf("%")&&(t.height=this.$tn.string.getLengthUnitValue(this.height)),t}},watch:{show:function(t){var e=this;this.effect&&(this.time=0,this.opacity=0,setTimeout((function(){e.time=e.duration,e.opacity=1}),30))},src:function(t){t?(this.init(),this.error=!1):this.error=!0}},data:function(){return{elIndex:this.$tn.uuid(),show:!1,opacity:1,time:this.duration,loadStatus:"",error:!1}},created:function(){this.observer={},this.observerName="lazyLoadContentObserver"},mounted:function(){var t=this;this.$nextTick((function(){uni.$once("tOnLazyLoadReachBottom",(function(){t.show||(t.show=!0)}))})),this.enableLazyLoad?setTimeout((function(){t.disconnectObserver(t.observerName);var e=uni.createIntersectionObserver(t);e.relativeToViewport({bottom:t.thresholdValue}).observe(".tn-lazy-load__item--".concat(t.elIndex),(function(e){e.intersectionRatio>0&&(t.show=!0,t.disconnectObserver(t.observerName))})),t[t.observerName]=e}),50):this.show=!0},methods:{init:function(){this.error=!1,this.loadStatus=""},handleImgClick:function(){var t="";t=!1===this.show?"lazyImg":!0===this.error?"errorImg":"realImg",this.$emit("click",{index:this.index,whichImg:t})},handleImgLoaded:function(){(this.loadStatus="")?this.loadStatus="lazyed":"lazyed"==this.loadStatus&&(this.loadStatus="loaded",this.$emit("loaded",this.index))},handleErrorImgLoaded:function(){this.$emit("error",this.index)},handleImgError:function(){this.error=!0},disconnectObserver:function(t){var e=this[t];e&&e.disconnect&&e.disconnect()}},beforeDestroy:function(){this.disconnectObserver(this.observerName)}};e.default=i},"3fb4":function(t,e,a){var i=a("c86c");e=i(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 \n */.tn-lazy-load[data-v-6a8ecf09]{width:100%;height:100%;border-radius:inherit}.tn-lazy-load__item[data-v-6a8ecf09]{width:100%;height:100%;border-radius:inherit;overflow:hidden}.tn-lazy-load__item__content[data-v-6a8ecf09]{width:100%;height:100%;border-radius:inherit}.tn-lazy-load__item__image[data-v-6a8ecf09]{display:block;width:100%;height:100%;border-radius:inherit;-webkit-transform:transition3d(0,0,0);transform:transition3d(0,0,0);will-change:transform}',""]),t.exports=e},4310:function(t,e,a){"use strict";a.r(e);var i=a("ce7e"),n=a.n(i);for(var r in i)["default"].indexOf(r)<0&&function(t){a.d(e,t,(function(){return i[t]}))}(r);e["default"]=n.a},"787c":function(t,e,a){"use strict";var i=a("c099"),n=a.n(i);n.a},"7cdd":function(t,e,a){"use strict";a.r(e);var i=a("1138"),n=a.n(i);for(var r in i)["default"].indexOf(r)<0&&function(t){a.d(e,t,(function(){return i[t]}))}(r);e["default"]=n.a},"80db":function(t,e,a){"use strict";a.d(e,"b",(function(){return i})),a.d(e,"c",(function(){return n})),a.d(e,"a",(function(){}));var i=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("v-uni-view",{staticClass:"tn-lazy-load-class tn-lazy-load"},[a("v-uni-view",{staticClass:"tn-lazy-load__item",class:["tn-lazy-load__item--"+t.elIndex],staticStyle:{color:"#aaaaaa !important"},style:[t.lazyLoadItemStyle]},[a("v-uni-view",{staticClass:"tn-lazy-load__item__content"},[t.error?a("v-uni-image",{staticClass:"tn-lazy-load__item__image tn-lazy-load__item__image--error",style:[t.imageStyle],attrs:{src:t.errorImg,mode:t.imgMode},on:{load:function(e){arguments[0]=e=t.$handleEvent(e),t.handleErrorImgLoaded.apply(void 0,arguments)},click:function(e){arguments[0]=e=t.$handleEvent(e),t.handleImgClick.apply(void 0,arguments)}}}):a("v-uni-image",{staticClass:"tn-lazy-load__item__image",style:[t.imageStyle],attrs:{src:t.show?t.src:t.loadingImg,mode:t.imgMode},on:{load:function(e){arguments[0]=e=t.$handleEvent(e),t.handleImgLoaded.apply(void 0,arguments)},error:function(e){arguments[0]=e=t.$handleEvent(e),t.handleImgError.apply(void 0,arguments)},click:function(e){arguments[0]=e=t.$handleEvent(e),t.handleImgClick.apply(void 0,arguments)}}})],1)],1)],1)},n=[]},"9fd2":function(t,e,a){"use strict";a.d(e,"b",(function(){return n})),a.d(e,"c",(function(){return r})),a.d(e,"a",(function(){return i}));var i={tnLazyLoad:a("b461").default},n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("v-uni-view",{staticClass:"image-group"},[t.preview?t._l(t.data,(function(e,i){return a("v-uni-view",{key:i,staticClass:"image-box",class:[t.imageClass],style:{width:1==t.data.length?"100%":2==t.data.length||4==t.data.length?"calc(100% / 2- 10rpx)":"calc(100% / 3 - 10rpx)",paddingBottom:1==t.data.length?"0rpx":2==t.data.length||4==t.data.length?"calc(100% / 2 - 10rpx)":"calc(100% / 3 - 10rpx)",position:1==t.data.length?"static":"relative",height:1==t.data.length?"auto":"0rpx"},on:{click:function(e){e.stopPropagation(),arguments[0]=e=t.$handleEvent(e),t.previewImage(i)}}},[a("v-uni-view",{staticClass:"image",style:{position:1==t.data.length?"static":"absolute"}},[1==t.data.length?a("v-uni-image",{staticStyle:{"border-radius":"15rpx",width:"370rpx"},attrs:{mode:"widthFix",src:e}}):a("tn-lazy-load",{attrs:{bgColor:"#fff",src:e}})],1)],1)})):t._l(t.data,(function(e,i){return a("v-uni-view",{key:i,staticClass:"image-box",class:[t.imageClass],style:{width:1==t.data.length?"100%":2==t.data.length||4==t.data.length?"calc(100% / 2- 10rpx)":"calc(100% / 3 - 10rpx)",paddingBottom:1==t.data.length?"0rpx":2==t.data.length||4==t.data.length?"calc(100% / 2 - 10rpx)":"calc(100% / 3 - 10rpx)",position:1==t.data.length?"static":"relative",height:1==t.data.length?"auto":"0rpx"}},[a("v-uni-view",{staticClass:"image",style:{position:1==t.data.length?"static":"absolute"}},[1==t.data.length?a("v-uni-image",{staticStyle:{"border-radius":"15rpx",width:"370rpx"},attrs:{mode:"widthFix",src:e}}):a("tn-lazy-load",{attrs:{enableLazyLoad:!1,bgColor:"#fff",src:e}})],1)],1)}))],2)},r=[]},b461:function(t,e,a){"use strict";a.r(e);var i=a("80db"),n=a("7cdd");for(var r in n)["default"].indexOf(r)<0&&function(t){a.d(e,t,(function(){return n[t]}))}(r);a("787c");var o=a("828b"),s=Object(o["a"])(n["default"],i["b"],i["c"],!1,null,"6a8ecf09",null,!1,i["a"],void 0);e["default"]=s.exports},c099:function(t,e,a){var i=a("3fb4");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var n=a("967d").default;n("6bc62776",i,!0,{sourceMap:!1,shadowMode:!1})},c433:function(t,e,a){"use strict";a.r(e);var i=a("9fd2"),n=a("4310");for(var r in n)["default"].indexOf(r)<0&&function(t){a.d(e,t,(function(){return n[t]}))}(r);a("06f0");var o=a("828b"),s=Object(o["a"])(n["default"],i["b"],i["c"],!1,null,"ef8ef386",null,!1,i["a"],void 0);e["default"]=s.exports},c7e8:function(t,e,a){var i=a("c86c");e=i(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 \n */.tn-lazy-load[data-v-ef8ef386]{width:100%;height:100%;border-radius:inherit}.tn-lazy-load__item[data-v-ef8ef386]{width:100%;height:100%;border-radius:inherit;overflow:hidden}.tn-lazy-load__item__content[data-v-ef8ef386]{width:100%;height:100%;border-radius:inherit}.tn-lazy-load__item__image[data-v-ef8ef386]{display:block;width:100%;height:100%;border-radius:inherit;-webkit-transform:transition3d(0,0,0);transform:transition3d(0,0,0);will-change:transform}.image-group[data-v-ef8ef386]{position:relative;width:100%;display:flex;flex-wrap:wrap}.image-group .image-box[data-v-ef8ef386]{position:relative;flex-shrink:0;height:%?0?%;padding-bottom:0;margin-right:%?10?%;margin-top:%?10?%;border-radius:%?15?%;box-sizing:initial}.image-group .image-box.two[data-v-ef8ef386]{width:calc(100% / 2 - %?10?%)}.image-group .image-box.four[data-v-ef8ef386]{width:calc(100% / 2 - %?10?%)}.image-group .image-box .image[data-v-ef8ef386]{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit}',""]),t.exports=e},ce7e:function(t,e,a){"use strict";a("6a54"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,a("aa9c");var i={props:{data:{type:Array,default:function(){return[]}},preview:{type:Boolean,default:!1},isLazy:{type:Boolean,default:!1}},data:function(){return{}},computed:{imageClass:function(){var t=[];return 1===this.data.length&&t.push("one"),2===this.data.length&&t.push("two"),4===this.data.length&&(console.log("--------",this.data.length),t.push("four")),t.join(" ")}},methods:{previewImage:function(t){if(console.log(this.data,t),this.preview){var e=[];1===this.data.length?(e=[this.data],uni.previewImage({urls:this.data})):(e=this.data,uni.previewImage({current:t,urls:e}))}}}};e.default=i},e7df:function(t,e,a){var i=a("c7e8");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var n=a("967d").default;n("6c542806",i,!0,{sourceMap:!1,shadowMode:!1})}}]);
|
