# request-loading

**Repository Path**: Luomenghao/request-loading

## Basic Information

- **Project Name**: request-loading
- **Description**: 111
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-23
- **Last Updated**: 2023-08-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# request-loading

#### 介绍
    在日常开发中，请求loading，如同时发起三个请求，响应时间都是不固定，loading需要在每个请求都完成了后才隐藏掉。

#### 运行
```javascript
1. npm install // 安装依赖
2. npm run dev // 启动服务
```

#### 使用说明
```javascript
import Loading from './src/loading'; // 引入loading核心源码
import loadingAnimation from './src/loading-animation'; // 动画，可替换自己的

// 初始化实例
const loading = Loading({
	/**
     * 显示回调
     * 可根据需求替换为第三方，如Element/Antd...的loading
     */
	showCallback() {
		loadingAnimation.show();
	},

	/**
	 * 隐藏回调（这里的隐藏是指全部loading都hide了才会触发，并不是单个hide）
	 * 显示hide = .show() === .hide(); 次数；
	 */
	hideCallback() {
		loadingAnimation.hide();
	},

	// 清空回调
	clearCallback() {
		loadingAnimation.hide();
	},
});

// 例如发起请求就show
loading.show();

setTimeout(() => {
	// 请求结束就hide
	loading.hide();
}, 2000);

```
#### 备注
    采用单例模式，不管调用多少次 `Loading` 方法，返回的都是同一个实例；