1.0.3 • Published 2 years ago

vue3-scroll-number v1.0.3

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

vue3-scroll-number

基于 vue3+ts 实现的数字滚动动效,支持日期格式,支持数字格式化中的相关符号,如有遗漏的符号,请在 issues 中告知我

预览

效果预览

安装

npm install vue3-scroll-number
yarn add vue3-scroll-number

全局使用

import { createApp } from 'vue';
import ScrollNumber from 'vue3-scroll-number';
import App from './App.vue';

createApp(App).use(ScrollNumber).mount('#app');

局部引入

import { ScrollNumber } from 'vue3-scroll-number';
import 'vue3-scroll-number/css' // 引入样式

页面中

<template>
  <scroll-number :number="10" :h="24" color="#606cee"></scroll-number>
</template>

属性

属性类型默认值必填说明
numberNumber String-数字内容
hNumber24单个数字高度(字体大小默认与高度相同)
colorString#606cee数字颜色
customStyleObject-额外添加的给数字的样式
1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago