@clunch/process-wave

0.1.1 • Public • Published

process-wave

一个圆形水波进度图。

downloads Version GitHub repo commit License GitHub repo stars

如何使用?

首先,需要安装npm包(目前我们仅支持npm方式管理):

npm install --save clunch @clunch/process-wave

然后注册组件:

import Clunch from 'clunch';
import processWave from '@clunch/process-wave';

Clunch.series('ui-process-wave',processWave);

然后,你就可以使用这个组件了:

<ui-process-wave process='number'/>
  • process:进度(闭区间0~1,比如0.5)

除了上面的必输项外,还有下列可选项:

属性 类型 描述 默认值 可选值
cx number 图形中心位置横坐标 画布中心横坐标
cy number 图形中心位置纵坐标 画布中心纵坐标
radius number 图形半径 画布最小边的一半
deep number 动画进度 0.25 0~1

由于此组件是基于Clunch开发的,我们默认你已经掌握了相关知识。

<< 你可以点击此处学习Clunch.js如何使用

开源协议

MIT

Copyright (c) 2021-2022 hai2007 走一步,再走一步。

Package Sidebar

Install

npm i @clunch/process-wave

Weekly Downloads

5

Version

0.1.1

License

MIT

Unpacked Size

137 kB

Total Files

9

Last publish

Collaborators

  • hai2007