| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[5234],{9157:function(i,t,e){var o=e(97615);o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[i.id,o,""]]),o.locals&&(i.exports=o.locals);var n=e(56).Z;n("36632dfa",o,!0,{sourceMap:!1,shadowMode:!1})},97701:function(i,t,e){"use strict";e.d(t,{Z:function(){return c}});var o,n={uTransition:e(46800).Z,uIcon:e(38275).Z},a=function(){var i=this,t=i.$createElement,e=i._self._c||t;return e("u-transition",{attrs:{mode:"fade",show:i.show,duration:i.fade?1e3:0}},[e("v-uni-view",{staticClass:"u-image",style:[i.wrapStyle,i.backgroundStyle],on:{click:function(t){arguments[0]=t=i.$handleEvent(t),i.onClick.apply(void 0,arguments)}}},[i.isError?i._e():e("v-uni-image",{staticClass:"u-image__image",style:{borderRadius:"circle"==i.shape?"10000px":i.$u.addUnit(i.radius),width:i.$u.addUnit(i.width),height:i.$u.addUnit(i.height)},attrs:{src:i.src,mode:i.mode,"show-menu-by-longpress":i.showMenuByLongpress,"lazy-load":i.lazyLoad},on:{error:function(t){arguments[0]=t=i.$handleEvent(t),i.onErrorHandler.apply(void 0,arguments)},load:function(t){arguments[0]=t=i.$handleEvent(t),i.onLoadHandler.apply(void 0,arguments)}}}),i.showLoading&&i.loading?e("v-uni-view",{staticClass:"u-image__loading",style:{borderRadius:"circle"==i.shape?"50%":i.$u.addUnit(i.radius),backgroundColor:this.bgColor,width:i.$u.addUnit(i.width),height:i.$u.addUnit(i.height)}},[i._t("loading",[e("u-icon",{attrs:{name:i.loadingIcon,width:i.width,height:i.height}})])],2):i._e(),i.showError&&i.isError&&!i.loading?e("v-uni-view",{staticClass:"u-image__error",style:{borderRadius:"circle"==i.shape?"50%":i.$u.addUnit(i.radius),width:i.$u.addUnit(i.width),height:i.$u.addUnit(i.height)}},[i._t("error",[e("u-icon",{attrs:{name:i.errorIcon,width:i.width,height:i.height}})])],2):i._e()],1)],1)},r=[],s=e(81265),u={name:"u-image",mixins:[uni.$u.mpMixin,uni.$u.mixin,s.Z],data:function(){return{isError:!1,loading:!0,opacity:1,durationTime:this.duration,backgroundStyle:{},show:!1}},watch:{src:{immediate:!0,handler:function(i){i?(this.isError=!1,this.loading=!0):this.isError=!0}}},computed:{wrapStyle:function(){var i={};return i.width=this.$u.addUnit(this.width),i.height=this.$u.addUnit(this.height),i.borderRadius="circle"==this.shape?"10000px":uni.$u.addUnit(this.radius),i.overflow=this.borderRadius>0?"hidden":"visible",uni.$u.deepMerge(i,uni.$u.addStyle(this.customStyle))}},mounted:function(){this.show=!0},methods:{onClick:function(){this.$emit("click")},onErrorHandler:function(i){this.loading=!1,this.isError=!0,this.$emit("error",i)},onLoadHandler:function(i){this.loading=!1,this.isError=!1,this.$emit("load",i),this.removeBgColor()},removeBgColor:function(){this.backgroundStyle={backgroundColor:"transparent"}}}},d=u,l=(e(9157),e(69453)),g=(0,l.Z)(d,a,r,!1,null,"34501f9b",null,!1,n,o),c=g.exports},11786:function(i,t,e){"use strict";e.r(t),e.d(t,{default:function(){return g}});var o,n={uList:e(71590).Z,uListItem:e(69493).Z,uImage:e(97701).Z},a=function(){var i=this,t=i.$createElement,e=i._self._c||t;return e("v-uni-view",[e("u-list",{staticStyle:{height:"500px","background-color":"red"}},[e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1),e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1),e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1),e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1),e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1),e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1),e("u-list-item",[e("u-image",{attrs:{src:"https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"}})],1)],1)],1)},r=[],s={},u=s,d=e(69453),l=(0,d.Z)(u,a,r,!1,null,null,null,!1,n,o),g=l.exports},97615:function(i,t,e){"use strict";e.r(t);var o=e(43481),n=e.n(o),a=e(2400),r=e.n(a),s=r()(n());s.push([i.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-34501f9b], uni-scroll-view[data-v-34501f9b], uni-swiper-item[data-v-34501f9b]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-image[data-v-34501f9b]{position:relative;transition:opacity .5s ease-in-out}.u-image__image[data-v-34501f9b]{width:100%;height:100%}.u-image__loading[data-v-34501f9b], .u-image__error[data-v-34501f9b]{position:absolute;top:0;left:0;width:100%;height:100%;\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center;background-color:#f3f4f6;color:#909193;font-size:%?46?%}',""]),t["default"]=s},81265:function(i,t,e){"use strict";e(9653);t.Z={props:{src:{type:String,default:uni.$u.props.image.src},mode:{type:String,default:uni.$u.props.image.mode},width:{type:[String,Number],default:uni.$u.props.image.width},height:{type:[String,Number],default:uni.$u.props.image.height},shape:{type:String,default:uni.$u.props.image.shape},radius:{type:[String,Number],default:uni.$u.props.image.radius},lazyLoad:{type:Boolean,default:uni.$u.props.image.lazyLoad},showMenuByLongpress:{type:Boolean,default:uni.$u.props.image.showMenuByLongpress},loadingIcon:{type:String,default:uni.$u.props.image.loadingIcon},errorIcon:{type:String,default:uni.$u.props.image.errorIcon},showLoading:{type:Boolean,default:uni.$u.props.image.showLoading},showError:{type:Boolean,default:uni.$u.props.image.showError},fade:{type:Boolean,default:uni.$u.props.image.fade},webp:{type:Boolean,default:uni.$u.props.image.webp},duration:{type:[String,Number],default:uni.$u.props.image.duration},bgColor:{type:String,default:uni.$u.props.image.bgColor}}}}}]);
|
