| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[2653],{5818:function(t,o,i){var e=i(75407);e.__esModule&&(e=e.default),"string"===typeof e&&(e=[[t.id,e,""]]),e.locals&&(t.exports=e.locals);var a=i(56).Z;a("5c51a08a",e,!0,{sourceMap:!1,shadowMode:!1})},20289:function(t,o,i){"use strict";var e;i.d(o,{Z:function(){return g}});var a,n=function(){var t=this,o=t.$createElement,i=t._self._c||o;return t.show?i("v-uni-view",{staticClass:"u-loading-icon",class:[t.vertical&&"u-loading-icon--vertical"],style:[t.$u.addStyle(t.customStyle)]},[t.webviewHide?t._e():i("v-uni-view",{ref:"ani",staticClass:"u-loading-icon__spinner",class:["u-loading-icon__spinner--"+t.mode],style:{color:t.color,width:t.$u.addUnit(t.size),height:t.$u.addUnit(t.size),borderTopColor:t.color,borderBottomColor:t.otherBorderColor,borderLeftColor:t.otherBorderColor,borderRightColor:t.otherBorderColor,"animation-duration":t.duration+"ms","animation-timing-function":"semicircle"===t.mode||"circle"===t.mode?t.timingFunction:""}},["spinner"===t.mode?t._l(t.array12,(function(t,o){return i("v-uni-view",{key:o,staticClass:"u-loading-icon__dot"})})):t._e()],2),t.text?i("v-uni-text",{staticClass:"u-loading-icon__text",style:{fontSize:t.$u.addUnit(t.textSize),color:t.textColor}},[t._v(t._s(t.text))]):t._e()],1):t._e()},r=[],d=(i(91038),i(78783),i(9653),{props:{show:{type:Boolean,default:uni.$u.props.loadingIcon.show},color:{type:String,default:uni.$u.props.loadingIcon.color},textColor:{type:String,default:uni.$u.props.loadingIcon.textColor},vertical:{type:Boolean,default:uni.$u.props.loadingIcon.vertical},mode:{type:String,default:uni.$u.props.loadingIcon.mode},size:{type:[String,Number],default:uni.$u.props.loadingIcon.size},textSize:{type:[String,Number],default:uni.$u.props.loadingIcon.textSize},text:{type:[String,Number],default:uni.$u.props.loadingIcon.text},timingFunction:{type:String,default:uni.$u.props.loadingIcon.timingFunction},duration:{type:[String,Number],default:uni.$u.props.loadingIcon.duration},inactiveColor:{type:String,default:uni.$u.props.loadingIcon.inactiveColor}}}),s={name:"u-loading-icon",mixins:[uni.$u.mpMixin,uni.$u.mixin,d],data:function(){return{array12:Array.from({length:12}),aniAngel:360,webviewHide:!1,loading:!1}},computed:{otherBorderColor:function(){var t=uni.$u.colorGradient(this.color,"#ffffff",100)[80];return"circle"===this.mode?this.inactiveColor?this.inactiveColor:t:"transparent"}},watch:{show:function(t){}},mounted:function(){this.init()},methods:{init:function(){setTimeout((function(){}),20)},addEventListenerToWebview:function(){var t=this,o=getCurrentPages(),i=o[o.length-1],e=i.$getAppWebview();e.addEventListener("hide",(function(){t.webviewHide=!0})),e.addEventListener("show",(function(){t.webviewHide=!1}))}}},c=s,u=(i(5818),i(69453)),l=(0,u.Z)(c,n,r,!1,null,"51442d1a",null,!1,e,a),g=l.exports},46832:function(t,o,i){"use strict";i.r(o),i.d(o,{default:function(){return l}});var e,a={"u-Image":i(78657).Z,uLoadingIcon:i(20289).Z},n=function(){var t=this,o=t.$createElement,i=t._self._c||o;return i("v-uni-view",{staticClass:"u-page"},[i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基本案例")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("v-uni-view",{staticClass:"u-page__image-item"},[i("u--image",{attrs:{showLoading:!0,src:t.src,width:"80px",height:"80px"},on:{click:function(o){arguments[0]=o=t.$handleEvent(o),t.click.apply(void 0,arguments)}}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义形状")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("v-uni-view",{staticClass:"u-page__image-item"},[i("u--image",{attrs:{shape:"circle",src:t.src,width:"80px",height:"80px"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义圆角")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("v-uni-view",{staticClass:"u-page__image-item"},[i("u--image",{attrs:{radius:"4",src:t.src,width:"80px",height:"80px"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("图片模式(widthFit)")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("v-uni-view",{staticClass:"u-page__image-item"},[i("u--image",{attrs:{src:t.src,width:"80px",height:"80px",mode:"widthFit"}})],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义图片加载插槽")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("v-uni-view",{staticClass:"u-page__image-item"},[i("u--image",{attrs:{src:t.src1,width:"80px",height:"80px",mode:"widthFit"},scopedSlots:t._u([{key:"loading",fn:function(){return[i("u-loading-icon",{attrs:{color:"red"}})]},proxy:!0}])})],1)],1)],1)],1)},r=[],d={data:function(){return{src:"https://cdn.uviewui.com/uview/album/1.jpg",src1:""}},onLoad:function(){var t=this;setTimeout((function(){t.src1=t.src}),3e3)},methods:{click:function(){console.log("click")}}},s=d,c=i(69453),u=(0,c.Z)(s,n,r,!1,null,"71de1b0a",null,!1,a,e),l=u.exports},75407:function(t,o,i){"use strict";i.r(o);var e=i(43481),a=i.n(e),n=i(2400),r=i.n(n),d=r()(a());d.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-51442d1a], uni-scroll-view[data-v-51442d1a], uni-swiper-item[data-v-51442d1a]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-loading-icon[data-v-51442d1a]{flex-direction:row;align-items:center;justify-content:center;color:#c8c9cc}.u-loading-icon__text[data-v-51442d1a]{margin-left:4px;color:#606266;font-size:14px;line-height:20px}.u-loading-icon__spinner[data-v-51442d1a]{width:30px;height:30px;position:relative;box-sizing:border-box;max-width:100%;max-height:100%;-webkit-animation:u-rotate-data-v-51442d1a 1s linear infinite;animation:u-rotate-data-v-51442d1a 1s linear infinite}.u-loading-icon__spinner--semicircle[data-v-51442d1a]{border-width:2px;border-color:transparent;border-top-right-radius:100px;border-top-left-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-style:solid}.u-loading-icon__spinner--circle[data-v-51442d1a]{border-top-right-radius:100px;border-top-left-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-width:2px;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-bottom-color:#e5e5e5;border-left-color:#e5e5e5;border-style:solid}.u-loading-icon--vertical[data-v-51442d1a]{flex-direction:column}[data-v-51442d1a]:host{font-size:0;line-height:1}.u-loading-icon__spinner--spinner[data-v-51442d1a]{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.u-loading-icon__text[data-v-51442d1a]:empty{display:none}.u-loading-icon--vertical .u-loading-icon__text[data-v-51442d1a]{margin:6px 0 0;color:#606266}.u-loading-icon__dot[data-v-51442d1a]{position:absolute;top:0;left:0;width:100%;height:100%}.u-loading-icon__dot[data-v-51442d1a]:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.u-loading-icon__dot[data-v-51442d1a]:nth-of-type(12){-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:.3125}@-webkit-keyframes u-rotate-data-v-51442d1a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes u-rotate-data-v-51442d1a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}',""]),o["default"]=d}}]);
|
