import { nextTick } from 'vue';
|
import '@/styles/loading.scss';
|
|
/**
|
* 页面全局 Loading
|
* @method start 创建 loading
|
* @method done 移除 loading
|
*/
|
export const NextLoading = {
|
// 创建 loading
|
start: () => {
|
const bodys: Element = document.body;
|
const div = <HTMLElement>document.createElement('div');
|
div.setAttribute('class', 'loader-div');
|
const htmls = `
|
<div class='loader-next'>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
</div>
|
`;
|
div.innerHTML = htmls;
|
bodys.insertBefore(div, bodys.childNodes[0]);
|
window.nextLoading = true;
|
},
|
// 移除 loading
|
done: (time = 0) => {
|
nextTick(() => {
|
setTimeout(() => {
|
window.nextLoading = false;
|
const el = <HTMLElement>document.querySelector('.loader-div');
|
el?.parentNode?.removeChild(el);
|
}, time);
|
});
|
},
|
};
|
