0.0.6 • Published 3 years ago

@ahwui/react-wave v0.0.6

Weekly downloads
8
License
MIT
Repository
github
Last release
3 years ago

react wave

水波进度球组件。

安装

npm install --save @ahwui/react-wave

引入

import Wave from '@ahwui/react-wave';

基本用法

import ReactDOM from 'react-dom';
import Wave from '@ahwui/react-wave';

ReactDOM.render(
  <div>
    <Wave radius={100} progress={70}>
      <>
        <div>补贴资金剩余</div>
        <div>70%</div>
      </>
    </Wave>

    // 设置最小高度 50 %, 颜色渐变
    <Wave radius={100} progress={20} min={50} color={['#4C94FF', '#ff0000']}></Wave>
  </div>,
  _mount_
);

Props Button

参数说明类型默认值
radius球形半径Number50
progress球形进度Number--
color球形颜色,支持颜色渐变String[] / String#B0E2FF
borderColor边框颜色String#87CEFA
textColor文字颜色String#63B8FF
space边框距离球形间距Number3
lineWidth边框Number1
min设置球星最小高Number--