更新记录

1.1.0(2020-09-03) 下载此版本

1、增加数字增长方式,均增或者随机 2、增加目标值监控 3、增加字体颜色

1.0.0(2019-10-09) 下载此版本

第一次发布


平台兼容性

一款可以让数字跑起来的组件

使用方式一

    <digitJump :digitTo="num" :digitFiex='2'></digitJump>
    import digitJump from '../../components/zhihuai-DigitJump/zhihuai-DigitJump.vue'
    export default {
        components: {digitJump},
    }

使用方式二

    <zhihuai-DigitJump :digitTo="num" :digitFiex='2'></zhihuai-DigitJump>

属性说明

属性 类型 默认 备注
digitTo Number 1000 数字目标值
digitFrom Number 0 数字起始值
runTime Number 1000 总运行时间(单位毫秒),单次运行时间 10毫秒,如果需要改动则去插件代码中,修改speed值
digitFiex Number 0 保留小数位数
digitDelay Number 1000 首次执行延迟时间
modeType String 'RANDOM' 执行方式;RANDOM,随机增长;AVERAGE,均速增长;
textColor String 'zh_text_black' 默认黑色,值为class名

示例

裁剪大小固定为200*300的图片,一般用户头像上传,固定图片大小


<template>
    <view class="content">
        <image class="logo" src="/static/logo.png"></image>
        <view class="text-area">
            <zhihuai-DigitJump :digitTo="1000" :runTime="1000" modeType="AVERAGE" :digitFiex='2'></zhihuai-DigitJump>
        </view>
        <view>
            <button type="default" @click="add">+1000</button>
        </view>
    </view>
</template>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问