react-flip-clock/README.md

react 翻页时钟计时器插件

# react 翻页时钟计时器

> 基于react开发的一个翻页动画效果非常漂亮的计时器。
预览地址：http://xiaxiangfeng.github.io/flip-clock/index.html


## 从NPM下载包

``` npm
npm i react-flip-clock
```

## 使用实例

### 引入包

``` js
import Clock from 'react-flip-clock'

const Index = () => {
  return (
    <div>
      <Clock />
    </div>
  )
}

render(
  <Index />,
  document.getElementById('app')
)
```

### 自定义样式

#### 编写样式覆盖即可

``` css
/*宽高*/
.flip-clock-wrapper ul {
  width: 60px;
  height: 90px;
}

/*背景颜色、字体大小*/
.flip-clock-wrapper .inn {
  background-color: #502d2d;
  font-size: 70px;
}
```

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test
```