Giter VIP home page Giter VIP logo

react-loading's Introduction

基于react的全屏loading插件

React-loader-dev

动画库样式基于spinkit

安装

�npm i -S react-loading-dev

使用

import Eloading from 'react-loading-dev'
<Eloading name={string} bgColor={string} preview={string}/>

参数

name

参数名称 Type 可选 Default
bounce string rgba,十六进制 bgColor: '#1f4954',preview: 'rgba(0, 0, 0, .3)'
spinner string rgba,十六进制 bgColor: '#d35400',preview:'#fff'
rect string rgba,十六进制 bgColor: '#1abc9c',preview: '#fff'
cube string rgba,十六进制 bgColor: '#2980b9',preview: '#fff'
scaleout string rgba,十六进制 bgColor: '#7f8c8d',preview: '#fff'
dot string rgba,十六进制 bgColor: '#ffcb65',preview: '#fff'
circle string rgba,十六进制 bgColor: '#d35400',preview: '#fff'
skCircle string rgba,十六进制 bgColor: '#27ae60',preview: '#fff'
skGrid string rgba,十六进制 bgColor: '#d35400',preview: '#fff'
fading string rgba,十六进制 bgColor: '#2c3e50',preview: '#fff'
folding string rgba,十六进制 bgColor: '#1abc9c',preview: '#fff'

preview string 仅部分动画支持: 'bounce', 'spinner', 'rect', 'cube', scaleout', 'dot', 'skGrid',

必须依赖项 classnames react react-dom 请自行安装

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.