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