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
|
|||
|
}
|
|||
|
}
|
|||
|
}
|