react-time-down

NumWheel 数字滚动特效组件

安装

npm i -S react-time-down

参数说明

// 设置参数类型
TimeDown.propTypes = {
  className: PropTypes.string,        // 自定义样式名称
  date: PropTypes.instanceOf(Date),   // 截止时间，必须是日期格式的
  separate: PropTypes.array,          // 天，小时，分钟，秒隔符
}

用法

import { TimeDown } from 'react-time-down';
<TimeDown date={new Date(2018,10,11)} />

发布

• 本项目可以作为平常的开发项目来使用，用法如下：

  1. 把该项目git clone到本地
  2. npm install
  3. npm run start 或者 npm run page
  4. 浏览器打开：http://localhost:8080/组件名称，就可以看到本组件的开发原始案例了
  5. 开发完成要发布上线的话，可以运行npm run build即可在本地dist目录下看到压缩之后的发布包了

• 本项目也可以作为开发自己的 react library 来使用，用法如下：

  1. 这里如果要开发自己的react library，就可以修改components 目录下的组件，开发自己的组件即可
  2. npm run publish 发布开发好的包到本地 lib 目录下
  3. 自己本地开发完成要发布npm的话，查看下面npm publish 流程

npm publish

 # 如果npm设置了国内镜像，要先设置成npm原来的镜像地址，否则不用这一步 
npm config set registry https://registry.npm.taobao.org
# 登录 npm，没有的话需要去 npm 官网注册一个账号 
npm login
# 发布，这里如果重新发布，需要加大package.json中的version，这里要注意如果报错了，那可能是package.json中的name（name不能大写）属性和第三方的重名了，需要修改成唯一才能发布 
npm publish