SweetAlert2做加载动画

SweetAlert2是非常流行的前台弹窗组件,大多用作弹窗提示,其实该组件还有很多功能,比如做一个加载动画:

Swal.fire({
  title: false,
  text: '数据加载中……',
  showCloseButton: false,
  showCancelButton: false,
  showconfirmButton: false,
  onBeforeOpen: () => {
    Swal.showLoading()
    // 接口请求,操作成功关闭Swal,Swal.close()
  }
});

最关键的就是 Swal.showLoading()Swal.close(),一个是加载动画,一个是关闭弹窗。

示例地址:https://p6p.net/resources/pixabay/

本条目发布于。属于科技分类。作者是

关于有个狸

2005年开始的一名站长,从事网站策划、运营,早期一批扎根阿里妈妈、Google Adsense的一员,目前司职前端与产品设计。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注