1 line
5.4 KiB
JavaScript
1 line
5.4 KiB
JavaScript
(self["webpackChunkuniapp"]=self["webpackChunkuniapp"]||[]).push([[840],{7692:function(i,e,t){var n=t(260);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[i.id,n,""]]),n.locals&&(i.exports=n.locals);var a=t(5472).Z;a("17f1ebe0",n,!0,{sourceMap:!1,shadowMode:!1})},4840:function(i,e,t){"use strict";t.d(e,{Z:function(){return p}});var n,a={uTransition:t(8885).Z,uIcon:t(5862).Z},o=function(){var i=this,e=i.$createElement,t=i._self._c||e;return t("u-transition",{attrs:{mode:"fade",show:i.show,duration:i.fade?1e3:0}},[t("v-uni-view",{staticClass:"u-image",style:[i.wrapStyle,i.backgroundStyle],on:{click:function(e){arguments[0]=e=i.$handleEvent(e),i.onClick.apply(void 0,arguments)}}},[i.isError?i._e():t("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(e){arguments[0]=e=i.$handleEvent(e),i.onErrorHandler.apply(void 0,arguments)},load:function(e){arguments[0]=e=i.$handleEvent(e),i.onLoadHandler.apply(void 0,arguments)}}}),i.showLoading&&i.loading?t("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",[t("u-icon",{attrs:{name:i.loadingIcon,width:i.width,height:i.height}})])],2):i._e(),i.showError&&i.isError&&!i.loading?t("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",[t("u-icon",{attrs:{name:i.errorIcon,width:i.width,height:i.height}})])],2):i._e()],1)],1)},r=[],s=t(4793),u={name:"u-image",mixins:[uni.$u.mpMixin,uni.$u.mixin,s.Z],data(){return{isError:!1,loading:!0,opacity:1,durationTime:this.duration,backgroundStyle:{},show:!1}},watch:{src:{immediate:!0,handler(i){i?(this.isError=!1,this.loading=!0):this.isError=!0}}},computed:{wrapStyle(){let 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(){this.show=!0},methods:{onClick(){this.$emit("click")},onErrorHandler(i){this.loading=!1,this.isError=!0,this.$emit("error",i)},onLoadHandler(i){this.loading=!1,this.isError=!1,this.$emit("load",i),this.removeBgColor()},removeBgColor(){this.backgroundStyle={backgroundColor:"transparent"}}}},d=u,l=(t(7692),t(1503)),h=(0,l.Z)(d,o,r,!1,null,"2e6e5723",null,!1,a,n),p=h.exports},260:function(i,e,t){"use strict";t.r(e);var n=t(2916),a=t.n(n),o=t(3282),r=t.n(o),s=r()(a());s.push([i.id,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */uni-view[data-v-2e6e5723], uni-scroll-view[data-v-2e6e5723], uni-swiper-item[data-v-2e6e5723]{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-2e6e5723]{position:relative;transition:opacity .5s ease-in-out}.u-image__image[data-v-2e6e5723]{width:100%;height:100%}.u-image__loading[data-v-2e6e5723], .u-image__error[data-v-2e6e5723]{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?%}',""]),e["default"]=s},4793:function(i,e){"use strict";e.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}}}}}]); |