bee-rate

react bee-rate component for tinper-bee

评分组件

使用方法

import Rate from 'bee-rate';

class Rate extends Component {
    render() {
        return (
            <Rate/>
        )
    }
}

样式引入

• 可以使用link引入build目录下Rate.css

<link rel="stylesheet" href="./node_modules/bee-rate/build/Rate.css">

• 可以在js中import样式

import "./node_modules/bee-rate/src/Rate.scss"
//或是
import "./node_modules/bee-rate/build/Rate.css"

API

|参数|说明|类型|默认值| |:---|:---:|:--:|---:| |count|star总数|number|5| |value|当前数，受控值|number|-| |defaultValue|默认值|number|0| |onChange|选择时的回调|function|-| |onHoverChange|鼠标经过时数值变化的回调|function|-| |allowHalf|是否允许半选|boolean|false| |disabled|只读，无法进行交互|boolean|false| |character|自定义字符|ReactNode/string|| |className|自定义样式类名|string|-| |style| 自定义样式对象|object|-|

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-rate
$ cd bee-rate
$ npm install
$ npm run dev