要素を読み込むと、カスタム アイコンが読み込まれ、変更されます。

読み込みアニメーションのカスタムアイコンを変更する

      const loading = this.$loading({
    
    
        lock: true,
        text: "",
        spinner: "",
        background: "transparent"
      });

注: スコープを追加せずにスタイルで単独で書くと、形而上学的な問題があります。別のページでは普通に書けるのに、このページでは書けません。ネストが多すぎる可能性があります。

<style lang='less'>
.el-loading-spinner .circular {
    
    
  display: none;
}
.el-loading-spinner {
    
    
  width: 260px;
  height: 260px;
  top: 50%;
  left: 50%;
  transform: translate(-130px, -130px);
  background: url("../../../assets/login/2.gif");
  background-size: 100% 100%;
}
.el-loading-mask {
    
    
  // 提高loading层级
  z-index: 9999 !important;
}
</style>