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.

62 lines
1.9 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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