更新记录
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>