p-show-number v1.0.1

渲染动效数字组件说明

引入 ShowNumber 方法

import ShowNumber from '@/components/Number'

获取列表组件操作

new ShowNumber(dom).init();

new ShowNumber(dom).init(config,callback) 说明

config说明

FlipNumber

展示的数字 (Number||String)

integerLength

整数部分显示长度 (Number),不填默认字符长度。

如字符长度大于integerLength ，优先字符长度（不包含小数部分）
如字符长度小于integerLength，其它以0补齐

decimalLength

小数部分显示长度 (Number),不填默认0。

如  FlipNumber.lenght大于decimalLength时,
    小数位减去FlipNumber.lenght再减去integerLength,
    如果小于零 小数位为0,
    否则 为小数位减去FlipNumber.lenght再减去integerLength
    
如字符长度小于decimalLength，其它以0补齐

showComma

是否显示三位换算（如：1111=1,111） (Boolean)

className

自定义class (String)

style 自定义样式 (String)

color 自定义字体颜色 (Color String)

callback说明

函数回调，回调vue原型vm

    new ShowNumber(this.$refs.ShowNumber).init(
			{
				FlipNumber: "123111.112311",
				className: "test",
				integerLength: 5,
				decimalLength: 2,
				style: "width:100%;font-size:24px",
				showComma: false
			},
			vm => {
				console.log(vm);
			}
		);