fetch-with-loading

这里采用定时器模拟

github

https://github.com/yued-fe/fetch-with-loading

常规用法

window.fetch = new fetchWithLoading();

自定义提示

window.fetch = new fetchWithLoading(['请求中...','还在请求中...','可能会有点慢...','快好了,还等会...']);
//请求
fetch('/list').then(res => console.log(res))

全部配置项

window.fetch = new fetchWithLoading({
    tips: ['请求中...','还在请求中...','可能会有点慢...','别着急...','马上就好了...'],
    timestep: 2000, //表示每隔多长时间更换提示信息
    delay: 200, //表示在多长时间内完成请求可无需显示提示信息
    duration: 500, //表示出现提示信息后,至少显示多长时间
});
//请求
fetch('/list').then(res => console.log(res))

自定义样式

.toast{
    /*toast*/
    background: #fff;
    color: #333;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}