用来醒目的展示新的或未读的信息条目
$ git clone https://github.com/tinper-bee/bee-badge
$ cd bee-badge
$ npm install
$ npm run dev
使用单独的bee-badge包
先进行下载bee-badge包
npm install --save bee-badge
组件调用
import Badge from 'bee-badge';
React.render(<div>
<div>
<Badge color="primary">a</Badge>
</div>
</div>, document.getElementById('target'));
- 可以使用link引入dist目录下bee-badge.css
<link rel="stylesheet" href="./node_modules/build/bee-badge.css">
- 可以在js中import样式
import "./node_modules/src/Badge.scss"
//或是
import "./node_modules/build/bee-badge.css"
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
color | one of: primary success info error warning dark |
string | '' |
className | 增加额外的class | string | '' |