xj-count-jump
v1.0.4
Published
这是基于panjiachen封装的vue-count-to二次封装的数字跳动加载组件
Downloads
2
Readme
xj-count-jump
How to use?
npm install xj-count-jumpmain.js
import xjCountJump from 'xj-count-jump'
Vue.use(xjCountJump)Options
| Property | Description | type | default | | ---------- | ------------------------------------ | :-----------: | :------: | | startVal | the value you want to begin at | Number | 0 | | endVal | the value you want to arrive at | Number | 2017 | | duration | duration in millisecond | Number | 3000 | | autoplay | when mounted autoplay | Boolean | true | | decimals | the number of decimal places to show | Number | 0 | | decimal | the split decimal | String | . | | separator | the separator | String | , | | prefix | the prefix | String | '' | | suffix | the suffix | String | '' | | color | the color | String | '#333' | | fontSize | the fontSize | String,Number | '14' | | fontWeight | the fontWeight | String | 'normal' | | useEasing | is use easing function | Boolean | true | | easingFn | the easing function | Function | — |
** notes: when autoplay:true , it will auto start when startVal or endVal change **
Functions
| Function Name | Description | | :-------------: | -------------------------------------- | | mountedCallback | when mounted will emit mountedCallback | | start | start the countTo | | pause | pause the countTo | | reset | reset the countTo |
