@tntx/wave

水波进度球

Usage no npm install needed!

<script type="module">
  import tntxWave from 'https://cdn.skypack.dev/@tntx/wave';
</script>

README

水波进度球

安装

npm i @tntx/wave --save

使用

import React from 'react';
import Wave from '@tntx/wave';

export default () => {
    return (
        <Wave
            color='#E86452'
            range={67}
            width={400}
        />
    );
};

API

参数 说明 类型 是否必须 默认值
width 水波球宽度 string 否 200px
color 水波球颜色(十六进制) string 否 #07C790
fontSize 字体大小 small | default | large 否 default
range 水波球百分比0～100 Number 否 0
fontFamily 字体 string 否 "宋体"