press-ui
Version:
简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目
68 lines (67 loc) • 1.41 kB
JavaScript
export default {
props: {
// 开始的数值，默认从0增长到某一个数
startValue: {
type: [String, Number],
default: 0,
},
// 要滚动的目标数值，必须
endValue: {
type: [String, Number],
default: 0,
},
// 滚动到目标数值的动画持续时间，单位为毫秒（ms）
duration: {
type: [String, Number],
default: 2000,
},
// 设置数值后是否自动开始滚动
autoplay: {
type: Boolean,
default: true,
},
// 要显示的小数位数
decimals: {
type: [String, Number],
default: 0,
},
// 是否在即将到达目标数值的时候，使用缓慢滚动的效果
useEasing: {
type: Boolean,
default: true,
},
// 十进制分割
decimal: {
type: [String, Number],
default: '.',
},
// 字体颜色
color: {
type: String,
default: '#606266',
},
// 字体大小
fontSize: {
type: [String, Number],
default: 22,
},
// 是否加粗字体
bold: {
type: Boolean,
default: false,
},
// 千位分隔符，类似金额的分割(￥23,321.05中的",")
separator: {
type: String,
default: ',',
},
customStyle: {
type: String,
default: '',
},
useSlot: {
type: Boolean,
default: false,
},
},
};