1.0.1 • Published 4 years ago

vue-fluctuation v1.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

vue-fluctuation

一个基于vue&vue-digital-transform的数值波动效果组件

Demo

vue-fluctuation

Install

npm install vue-fluctuation

Quick Start

<template>
<fluctuation :value="value" 
             :seperator="isSep"
             :unit="unit"                       
             :interval="interval"
>
    <template>
        <i>可以选择插入以i标签包裹的icon</i>
    </template>
</fluctuation>
</template>
import Fluctuation from "vue-fluctuation";

export default {
  components: {
    Fluctuation
  },
  data() {
    return {
      value: 666666,
      isSep: false,
      unit: '个',
      interval: 1000
    };
  }
};

Slot

可以选择插入一个icon,以i标签包裹,自带默认样式

<fluctuation :value="value">
    <template>
        <i>可以选择插入以i标签包裹的icon</i>
    </template>
</fluctuation>

Props

proptypedescriptiondefault
valueNumber需要监听数值波动的值0
separatorBoolean是否开启千分位分隔符false
unitString数值单位,可以是任何你认为正确的单位''
intervalNumber数字滚动过渡时间(ms)500
1.0.1

4 years ago

1.0.0

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago