pages-componentsA-loading-page-loading-page.acda25b4.js 17 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[6115],{46141:function(t,e,i){var a=i(21208);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var o=i(56).Z;o("eade5dea",a,!0,{sourceMap:!1,shadowMode:!1})},70462:function(t,e,i){var a=i(68959);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var o=i(56).Z;o("5e3c6538",a,!0,{sourceMap:!1,shadowMode:!1})},5818:function(t,e,i){var a=i(75407);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var o=i(56).Z;o("5c51a08a",a,!0,{sourceMap:!1,shadowMode:!1})},70009:function(t,e,i){var a=i(41048);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var o=i(56).Z;o("4f4c84de",a,!0,{sourceMap:!1,shadowMode:!1})},78717:function(t,e,i){var a=i(14926);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var o=i(56).Z;o("04ad3394",a,!0,{sourceMap:!1,shadowMode:!1})},45829:function(t,e,i){"use strict";i.d(e,{Z:function(){return c}});var a,o={uLine:i(36083).Z},n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-cell-group",class:[t.customClass],style:[t.$u.addStyle(t.customStyle)]},[t.title?i("v-uni-view",{staticClass:"u-cell-group__title"},[t._t("title",[i("v-uni-text",{staticClass:"u-cell-group__title__text"},[t._v(t._s(t.title))])])],2):t._e(),i("v-uni-view",{staticClass:"u-cell-group__wrapper"},[t.border?i("u-line"):t._e(),t._t("default")],2)],1)},r=[],l={props:{title:{type:String,default:uni.$u.props.cellGroup.title},border:{type:Boolean,default:uni.$u.props.cellGroup.border}}},d={name:"u-cell-group",mixins:[uni.$u.mpMixin,uni.$u.mixin,l]},u=d,s=(i(46141),i(69453)),g=(0,s.Z)(u,n,r,!1,null,"61315bde",null,!1,o,a),c=g.exports},70296:function(t,e,i){"use strict";var a;i.d(e,{Z:function(){return c}});var o,n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-gap",style:[t.gapStyle]})},r=[],l=(i(9653),{props:{bgColor:{type:String,default:uni.$u.props.gap.bgColor},height:{type:[String,Number],default:uni.$u.props.gap.height},marginTop:{type:[String,Number],default:uni.$u.props.gap.marginTop},marginBottom:{type:[String,Number],default:uni.$u.props.gap.marginBottom}}}),d={name:"u-gap",mixins:[uni.$u.mpMixin,uni.$u.mixin,l],computed:{gapStyle:function(){var t={backgroundColor:this.bgColor,height:uni.$u.addUnit(this.height),marginTop:uni.$u.addUnit(this.marginTop),marginBottom:uni.$u.addUnit(this.marginBottom)};return uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}}},u=d,s=(i(70462),i(69453)),g=(0,s.Z)(u,n,r,!1,null,"a54a97e0",null,!1,a,o),c=g.exports},20289:function(t,e,i){"use strict";var a;i.d(e,{Z:function(){return c}});var o,n=function(){var t=this,e=t.$createElement,i=t._self._c||e;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,e){return i("v-uni-view",{key:e,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=[],l=(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}}}),d={name:"u-loading-icon",mixins:[uni.$u.mpMixin,uni.$u.mixin,l],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,e=getCurrentPages(),i=e[e.length-1],a=i.$getAppWebview();a.addEventListener("hide",(function(){t.webviewHide=!0})),a.addEventListener("show",(function(){t.webviewHide=!1}))}}},u=d,s=(i(5818),i(69453)),g=(0,s.Z)(u,n,r,!1,null,"51442d1a",null,!1,a,o),c=g.exports},548:function(t,e,i){"use strict";i.d(e,{Z:function(){return c}});var a,o={uTransition:i(46800).Z,uLoadingIcon:i(20289).Z},n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("u-transition",{attrs:{show:t.loading,"custom-style":{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:t.bgColor,display:"flex"}}},[i("v-uni-view",{staticClass:"u-loading-page"},[i("v-uni-view",{staticClass:"u-loading-page__warpper"},[i("v-uni-view",{staticClass:"u-loading-page__warpper__loading-icon"},[t.image?i("v-uni-image",{staticClass:"u-loading-page__warpper__loading-icon__img",style:{width:t.$u.addUnit(t.iconSize),height:t.$u.addUnit(t.iconSize)},attrs:{src:t.image,mode:"widthFit"}}):i("u-loading-icon",{attrs:{mode:t.loadingMode,size:t.$u.addUnit(t.iconSize),color:t.loadingColor}})],1),t._t("default",[i("v-uni-text",{staticClass:"u-loading-page__warpper__text",style:{fontSize:t.$u.addUnit(t.fontSize),color:t.color}},[t._v(t._s(t.loadingText))])])],2)],1)],1)},r=[],l=(i(9653),{props:{loadingText:{type:[String,Number],default:uni.$u.props.loadingPage.loadingText},image:{type:String,default:uni.$u.props.loadingPage.image},loadingMode:{type:String,default:uni.$u.props.loadingPage.loadingMode},loading:{type:Boolean,default:uni.$u.props.loadingPage.loading},bgColor:{type:String,default:uni.$u.props.loadingPage.bgColor},color:{type:String,default:uni.$u.props.loadingPage.color},fontSize:{type:[String,Number],default:uni.$u.props.loadingPage.fontSize},iconSize:{type:[String,Number],default:uni.$u.props.loadingPage.fontSize},loadingColor:{type:String,default:uni.$u.props.loadingPage.loadingColor}}}),d={name:"u-loading-page",mixins:[uni.$u.mpMixin,uni.$u.mixin,l],data:function(){return{}},methods:{}},u=d,s=(i(70009),i(69453)),g=(0,s.Z)(u,n,r,!1,null,"6efac32e",null,!1,o,a),c=g.exports},21656:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return g}});var a,o={uNavbar:i(74505).Z,uGap:i(70296).Z,uCellGroup:i(45829).Z,uCell:i(4438).Z,uLoadingPage:i(548).Z},n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-page"},[i("u-navbar",{attrs:{title:"加载页",safeAreaInsetTop:!0,fixed:!0,placeholder:!0},on:{leftClick:function(e){arguments[0]=e=t.$handleEvent(e),t.navigateBack.apply(void 0,arguments)}}}),i("u-gap",{attrs:{bgColor:"#fff",height:"20"}}),i("u-cell-group",t._l(t.list,(function(e,a){return i("u-cell",{key:a,attrs:{titleStyle:{fontWeight:500},title:e.title,isLink:!0},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.openLoadingPage(a)}}},[i("v-uni-image",{staticClass:"u-cell-icon",attrs:{slot:"icon",src:e.iconUrl,mode:"widthFix"},slot:"icon"})],1)})),1),i("u-loading-page",{attrs:{loadingText:t.loadingPageData.loadingText,image:t.loadingPageData.image,iconSize:t.loadingPageData.iconSize,loadingMode:t.loadingPageData.loadingMode,bgColor:t.loadingPageData.bgColor,loading:t.loading,color:t.loadingPageData.color,loadingColor:t.loadingPageData.loadingColor}})],1)},r=[],l={data:function(){return{loading:!1,loadingPageData:{loadingText:"",image:"",loadingMode:"",bgColor:"#ffffff"},list:[{title:"自定义提示内容",iconUrl:"https://cdn.uviewui.com/uview/demo/loading-page/promptContent.png"},{title:"自定义图片",iconUrl:"https://cdn.uviewui.com/uview/demo/loading-page/customPicture.png"},{title:"自定义加载动画模式",iconUrl:"https://cdn.uviewui.com/uview/demo/loading-page/customMode.png"},{title:"自定义背景色",iconUrl:"https://cdn.uviewui.com/uview/demo/loading-page/customBgColor.png"}]}},methods:{navigateBack:function(){uni.navigateBack()},openLoadingPage:function(t){var e=this;this.loadingPageData={loadingText:"",image:"",loadingMode:"",bgColor:"#ffffff",iconSize:28},0==t?(this.loadingPageData.loadingMode="semicircle",this.loadingPageData.loadingText="Hello uView",this.loadingPageData.color="#C8C8C8",this.loadingPageData.loadingColor="#C8C8C8"):1==t?(this.loadingPageData.image="/static/uview/common/logo.png",this.loadingPageData.loadingText="uView UI",this.loadingPageData.iconSize=40,this.loadingPageData.color="#C8C8C8",this.loadingPageData.loadingColor="#C8C8C8"):2==t?(this.loadingPageData.loadingMode="circle",this.loadingPageData.loadingText="uView UI",this.loadingPageData.color="#C8C8C8",this.loadingPageData.loadingColor="#C8C8C8"):3==t&&(this.loadingPageData.loadingMode="spinner",this.loadingPageData.bgColor="rgba(0, 0, 0, 0.3)",this.loadingPageData.loadingText="uView UI",this.loadingPageData.color="#eee",this.loadingPageData.loadingColor="#ddd"),this.loading=!0,setTimeout((function(){e.loading=!1}),2e3)}}},d=l,u=(i(78717),i(69453)),s=(0,u.Z)(d,n,r,!1,null,"0675838e",null,!1,o,a),g=s.exports},21208:function(t,e,i){"use strict";i.r(e);var a=i(43481),o=i.n(a),n=i(2400),r=i.n(n),l=r()(o());l.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-61315bde], uni-scroll-view[data-v-61315bde], uni-swiper-item[data-v-61315bde]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-cell-group[data-v-61315bde]{flex:1}.u-cell-group__title[data-v-61315bde]{padding:16px 16px 8px}.u-cell-group__title__text[data-v-61315bde]{font-size:15px;line-height:16px;color:#303133}.u-cell-group__wrapper[data-v-61315bde]{position:relative}',""]),e["default"]=l},68959:function(t,e,i){"use strict";i.r(e);var a=i(43481),o=i.n(a),n=i(2400),r=i.n(n),l=r()(o());l.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-a54a97e0], uni-scroll-view[data-v-a54a97e0], uni-swiper-item[data-v-a54a97e0]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}',""]),e["default"]=l},75407:function(t,e,i){"use strict";i.r(e);var a=i(43481),o=i.n(a),n=i(2400),r=i.n(n),l=r()(o());l.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)}}',""]),e["default"]=l},41048:function(t,e,i){"use strict";i.r(e);var a=i(43481),o=i.n(a),n=i(2400),r=i.n(n),l=r()(o());l.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-6efac32e], uni-scroll-view[data-v-6efac32e], uni-swiper-item[data-v-6efac32e]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-loading-page[data-v-6efac32e]{\ndisplay:flex;\nflex-direction:column;flex:1;align-items:center;justify-content:center}.u-loading-page__warpper[data-v-6efac32e]{margin-top:-150px;justify-content:center;align-items:center;color:#c8c8c8;font-size:19px;\ndisplay:flex;\nflex-direction:column}.u-loading-page__warpper__loading-icon[data-v-6efac32e]{margin-bottom:10px}.u-loading-page__warpper__loading-icon__img[data-v-6efac32e]{width:40px;height:40px}.u-loading-page__warpper__text[data-v-6efac32e]{font-size:19px;color:#c8c8c8}',""]),e["default"]=l},14926:function(t,e,i){"use strict";i.r(e);var a=i(43481),o=i.n(a),n=i(2400),r=i.n(n),l=r()(o());l.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.u-page[data-v-0675838e]{padding:0}',""]),e["default"]=l}}]);