You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

61 lines
1.9 KiB

import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
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
}
}
})