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