a bee-tile component for tinper-bee
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
demo
dist
docs
src
test
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
HISTORY.md
README.md
README_EN.md
index.html
package.json

README.md

bee-tile

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

Browser Support

IE Chrome Firefox Opera Safari
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