61 lines
1.8 KiB
JavaScript
61 lines
1.8 KiB
JavaScript
import defProps from '../../libs/config/props.js';
|
||
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
|
||
}
|
||
}
|
||
}
|