| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[3198],{68e3:function(t,i,a){var s=a(74853);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var e=a(56).Z;e("2ca6fc70",s,!0,{sourceMap:!1,shadowMode:!1})},42091:function(t,i,a){var s=a(29951);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var e=a(56).Z;e("dc96d334",s,!0,{sourceMap:!1,shadowMode:!1})},98888:function(t,i,a){"use strict";var s;a.d(i,{Z:function(){return h}});var e,n=function(){var t=this,i=t.$createElement,a=t._self._c||i;return a("v-uni-text",{staticClass:"u-count-num",style:{fontSize:t.$u.addUnit(t.fontSize),fontWeight:t.bold?"bold":"normal",color:t.color}},[t._v(t._s(t.displayValue))])},l=[],u=(a(9653),a(54678),a(74916),a(77601),a(15306),{props:{startVal:{type:[String,Number],default:uni.$u.props.countTo.startVal},endVal:{type:[String,Number],default:uni.$u.props.countTo.endVal},duration:{type:[String,Number],default:uni.$u.props.countTo.duration},autoplay:{type:Boolean,default:uni.$u.props.countTo.autoplay},decimals:{type:[String,Number],default:uni.$u.props.countTo.decimals},useEasing:{type:Boolean,default:uni.$u.props.countTo.useEasing},decimal:{type:[String,Number],default:uni.$u.props.countTo.decimal},color:{type:String,default:uni.$u.props.countTo.color},fontSize:{type:[String,Number],default:uni.$u.props.countTo.fontSize},bold:{type:Boolean,default:uni.$u.props.countTo.bold},separator:{type:String,default:uni.$u.props.countTo.separator}}}),o={name:"u-count-to",data:function(){return{localStartVal:this.startVal,displayValue:this.formatNumber(this.startVal),printVal:null,paused:!1,localDuration:Number(this.duration),startTime:null,timestamp:null,remaining:null,rAF:null,lastTime:0}},mixins:[uni.$u.mpMixin,uni.$u.mixin,u],computed:{countDown:function(){return this.startVal>this.endVal}},watch:{startVal:function(){this.autoplay&&this.start()},endVal:function(){this.autoplay&&this.start()}},mounted:function(){this.autoplay&&this.start()},methods:{easingFn:function(t,i,a,s){return a*(1-Math.pow(2,-10*t/s))*1024/1023+i},requestAnimationFrame:function(t){var i=(new Date).getTime(),a=Math.max(0,16-(i-this.lastTime)),s=setTimeout((function(){t(i+a)}),a);return this.lastTime=i+a,s},cancelAnimationFrame:function(t){clearTimeout(t)},start:function(){this.localStartVal=this.startVal,this.startTime=null,this.localDuration=this.duration,this.paused=!1,this.rAF=this.requestAnimationFrame(this.count)},reStart:function(){this.paused?(this.resume(),this.paused=!1):(this.stop(),this.paused=!0)},stop:function(){this.cancelAnimationFrame(this.rAF)},resume:function(){this.remaining&&(this.startTime=0,this.localDuration=this.remaining,this.localStartVal=this.printVal,this.requestAnimationFrame(this.count))},reset:function(){this.startTime=null,this.cancelAnimationFrame(this.rAF),this.displayValue=this.formatNumber(this.startVal)},count:function(t){this.startTime||(this.startTime=t),this.timestamp=t;var i=t-this.startTime;this.remaining=this.localDuration-i,this.useEasing?this.countDown?this.printVal=this.localStartVal-this.easingFn(i,0,this.localStartVal-this.endVal,this.localDuration):this.printVal=this.easingFn(i,this.localStartVal,this.endVal-this.localStartVal,this.localDuration):this.countDown?this.printVal=this.localStartVal-(this.localStartVal-this.endVal)*(i/this.localDuration):this.printVal=this.localStartVal+(this.endVal-this.localStartVal)*(i/this.localDuration),this.countDown?this.printVal=this.printVal<this.endVal?this.endVal:this.printVal:this.printVal=this.printVal>this.endVal?this.endVal:this.printVal,this.displayValue=this.formatNumber(this.printVal)||0,i<this.localDuration?this.rAF=this.requestAnimationFrame(this.count):this.$emit("end")},isNumber:function(t){return!isNaN(parseFloat(t))},formatNumber:function(t){t=Number(t),t=t.toFixed(Number(this.decimals)),t+="";var i=t.split("."),a=i[0],s=i.length>1?this.decimal+i[1]:"",e=/(\d+)(\d{3})/;if(this.separator&&!this.isNumber(this.separator))while(e.test(a))a=a.replace(e,"$1"+this.separator+"$2");return a+s},destroyed:function(){this.cancelAnimationFrame(this.rAF)}}},r=o,c=(a(68e3),a(69453)),d=(0,c.Z)(r,n,l,!1,null,"34cd27ff",null,!1,s,e),h=d.exports},64243:function(t,i,a){"use strict";a.r(i),a.d(i,{default:function(){return d}});var s,e={uCountTo:a(98888).Z,uGrid:a(49710).Z,uGridItem:a(98671).Z},n=function(){var t=this,i=t.$createElement,a=t._self._c||i;return a("v-uni-view",{staticClass:"u-page"},[a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基础功能")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-count-to",{attrs:{endVal:t.value},on:{end:function(i){arguments[0]=i=t.$handleEvent(i),t.end.apply(void 0,arguments)}}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("倒计数")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-count-to",{attrs:{startVal:t.startVal1}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("显示小数位")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-count-to",{attrs:{startVal:t.startVal2,endVal:t.endVal,decimals:t.decimals}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("千分位分隔符")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-count-to",{attrs:{startVal:t.startVal3,endVal:t.endVal2,separator:",",decimals:t.decimals}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义控制")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-count-to",{ref:"uCountTo",attrs:{endVal:t.endVal3,autoplay:t.autoplay}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticStyle:{flex:"1"}},[a("u-grid",{attrs:{border:!0,align:"center",customStyle:"margin-top: 20px;margin-bottom: 20"}},[a("u-grid-item",{on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.start.apply(void 0,arguments)}}},[a("v-uni-view",{staticClass:"u-grid-slot"},[a("v-uni-view",{staticClass:"u-grid-slot__circle"},[a("v-uni-text",{staticClass:"u-grid-slot__circle__text"},[t._v("开始")])],1)],1)],1),a("u-grid-item",{on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.paused.apply(void 0,arguments)}}},[a("v-uni-view",{staticClass:"u-grid-slot"},[a("v-uni-view",{staticClass:"u-grid-slot__circle"},[a("v-uni-text",{staticClass:"u-grid-slot__circle__text"},[t._v("暂停")])],1)],1)],1),a("u-grid-item",{on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.resume.apply(void 0,arguments)}}},[a("v-uni-view",{staticClass:"u-grid-slot"},[a("v-uni-view",{staticClass:"u-grid-slot__circle"},[a("v-uni-text",{staticClass:"u-grid-slot__circle__text"},[t._v("继续")])],1)],1)],1)],1)],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-count-to",{attrs:{endVal:t.value,color:"#909399",fontSize:t.fontSize,bold:!0}})],1)],1)],1)],1)},l=[],u={data:function(){return{value:3e3,startVal1:300,startVal2:100,endVal:10.55,decimals:2,startVal3:2e3,endVal2:1542,endVal3:3e3,autoplay:!1,color:"#FF0000",fontSize:40}},onLoad:function(){},methods:{start:function(){this.$refs.uCountTo.start()},paused:function(){this.$refs.uCountTo.stop()},resume:function(){this.$refs.uCountTo.resume()},end:function(){console.log("end")}}},o=u,r=(a(42091),a(69453)),c=(0,r.Z)(o,n,l,!1,null,"3ba7180e",null,!1,e,s),d=c.exports},74853:function(t,i,a){"use strict";a.r(i);var s=a(43481),e=a.n(s),n=a(2400),l=a.n(n),u=l()(e());u.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-34cd27ff], uni-scroll-view[data-v-34cd27ff], uni-swiper-item[data-v-34cd27ff]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-count-num[data-v-34cd27ff]{display:inline-flex;text-align:center}',""]),i["default"]=u},29951:function(t,i,a){"use strict";a.r(i);var s=a(43481),e=a.n(s),n=a(2400),l=a.n(n),u=l()(e());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.u-demo-block__content[data-v-3ba7180e]{flex-direction:row;flex-wrap:wrap;align-items:center}.u-grid-slot[data-v-3ba7180e]{border-radius:100px;border-color:#dbfbdb;border-width:2px;display:flex;flex-direction:row}.u-grid-slot__circle[data-v-3ba7180e]{width:50px;height:50px;background-color:#dbfbdb;border-radius:100px;justify-content:center;align-items:center;margin:2px}.u-grid-slot__circle__text[data-v-3ba7180e]{color:#19be6b;font-size:13px}',""]),i["default"]=u}}]);
|
