61 lines
1.8 KiB
JavaScript
61 lines
1.8 KiB
JavaScript
|
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
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|