Simon He @ simonhe.me

nums-wheel

Jul 26 · 2day

Author: Simon

英文 English Version

此文是介绍封装的工具函数的文档@simon_he/nums-wheel

特点: 扩展性高,调用灵活便捷

更多

使用说明

npm i @simon_he/nums-wheel # 安装

import { 
  numsWheel,
  ...
 } from '@simon_he/nums-wheel' # 按需引入

目录结构

numsWheel

  • 数字滚轮控件
  • 无需在onMounted中调用,可以在任意地方调用
  • 基于odometer封装, 更简单的在业务中使用
  • 参数:
    • container: string | HTMLElement 父容器
    • options: { format: '(,ddd)' | '(,ddd).dd' | '(.ddd),dd' | '( ddd),dd' | 'd' 数字格式 startVal: number 起始数字 endVal: number 最终数字 duration: number 动画时长 animation: 'count' | 'countdown' 动画方式 }
numWheel('#main', {  endVal: 9000.12 }) // 默认format: '(,ddd).dd' startVal: 0 duration: 500 animation: 'countdown', 可以自定义format, startVal, duration, animation

GitHub

欢迎PR