パッケージの詳細

bee-rate

tinper-bee193MIT2.0.4

Rate ui component for react

react, react-component, bee-rate, iuap-design

readme

bee-rate

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

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 <Icon type="uf-star" />
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

更新履歴