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