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