bee-tile
Browser Support
 |
 |
 |
 |
 |
|---|---|---|---|---|
| IE 9+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
多用于模块化功能场景，内容用户可随意自定义
使用
使用单独的bee-tile包
组件引入
先进行下载bee-tile包
npm install --save bee-tile
组件调用
import Tile from 'bee-tile';
React.render(
<Tile style={{width:200}}>
<h4>项目跟踪</h4>
<span>进度</span>
<h1>95%</h1>
</Tile>, document.getElementById('target'));
样式引入
- 可以使用link引入dist目录下bee-tile.css
<link rel="stylesheet" href="./node_modules/build/bee-tile.css">
- 可以在js中import样式
import "./node_modules/src/Tile.scss"
//或是
import "./node_modules/build/bee-tile.css"API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 类名 | string | |
| children | 自定义磁铁内容 | element/string/object | - |
| border | 是否加边框 | bool | true |
开发调试
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-tile
$ cd bee-tile
$ npm install
$ npm run dev
