123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import defprops from '../../libs/config/props';
- export default {
- props: {
- // 开始的数值,默认从0增长到某一个数
- startVal: {
- type: [String, Number],
- default: defprops.countTo.startVal
- },
- // 要滚动的目标数值,必须
- endVal: {
- type: [String, Number],
- default: defprops.countTo.endVal
- },
- // 滚动到目标数值的动画持续时间,单位为毫秒(ms)
- duration: {
- type: [String, Number],
- default: defprops.countTo.duration
- },
- // 设置数值后是否自动开始滚动
- autoplay: {
- type: Boolean,
- default: defprops.countTo.autoplay
- },
- // 要显示的小数位数
- decimals: {
- type: [String, Number],
- default: defprops.countTo.decimals
- },
- // 是否在即将到达目标数值的时候,使用缓慢滚动的效果
- useEasing: {
- type: Boolean,
- default: defprops.countTo.useEasing
- },
- // 十进制分割
- decimal: {
- type: [String, Number],
- default: defprops.countTo.decimal
- },
- // 字体颜色
- color: {
- type: String,
- default: defprops.countTo.color
- },
- // 字体大小
- fontSize: {
- type: [String, Number],
- default: defprops.countTo.fontSize
- },
- // 是否加粗字体
- bold: {
- type: Boolean,
- default: defprops.countTo.bold
- },
- // 千位分隔符,类似金额的分割(¥23,321.05中的",")
- separator: {
- type: String,
- default: defprops.countTo.separator
- }
- }
- }
|