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样式
//或是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