/react-loading

Build a smooth and lightweight react component loading with css 🎉 .

Primary LanguageJavaScriptMIT LicenseMIT

React-Loading

npm version

项目介绍

基于 React 的 Loading 组件。

Demo

🎉 查看 demo

使用教程

🎉 组件安装

npm install react-loadingg

📦 组件使用

import { BoxLoading } from 'react-loadingg'
<BoxLoading />

🎉 组件 API

组件 color speed style
BabelLoading ✅ ✅ ✅
BlockLoading ✅ ✅ ✅
BoxLoading ✅ ✅ ✅
BlockReserveLoading ✅ ✅ ✅
CircleLoading ✅ ✅ ✅
CircleToBlockLoading ✅ 🚧 ✅
CommonLoading ✅ 🚧 ✅
DisappearedLoading ✅ ✅ ✅
LoopCircleLoading ✅ 🚧 ✅
NineCellLoading ✅ ✅ ✅
TouchBallLoading ✅ ✅ ✅
TransverseLoading ✅ 🚧 ✅
WaveLoading ✅ 🚧 ✅
WaveTopBottomLoading ✅ ✅ ✅
WindMillLoading ✅ ✅ ✅

❤️ 组件列表

  • BlockLoading
  • BoxLoading
  • BlockReserveLoading
  • CircleLoading
  • CircleToBlockLoading
  • CommonLoading
  • DisappearedLoading
  • LoopCircleLoading
  • NineCellLoading
  • TouchBallLoading
  • TransverseLoading
  • WaveLoading
  • WaveTopBottomLoading
  • WindMillLoading
  • BabelLoading
  • 持续开发中...

⌨️ 组件开发

$ git clone https://github.com/sixiaodong123/react-loading
$ npm run dev

访问 http://localhost:9001/

🔨 组件打包

$ npm run build

🎉 组件发布

$ npm run release

🤝 组件提交规范

  • perf: 优化相关，比如提升性能、体验
  • feat: 新功能(feature)
  • fix: 修补 bug
  • docs: 文档(documentation)
  • style: 格式(不影响代码运行的变动)
  • refactor: 重构(即不是新增功能，也不是修改 bug 的代码变动)
  • test: 增加测试
  • chore: 构建过程或辅助工具的变动
  • upgrade: 第三方库升级
  • revert: 回滚
  • scope: commit 影响的范围, 比如: route, component, utils, build...
  • merge: Merge branch ? of ?.

❤️ 组件分支管理

  • 模块功能开发(feature/xxx)
  • Bug 修改(bug/xxx)