一 自定义图标 

 添加自定义图标

.custom-loading-icon {
  background: #FFF;
  .el-loading-mask {
    & > .el-loading-spinner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transform: translateY(-25%);
      &::before{
        content: "";
        display: block;
        background: url('../assets/img/custom_loading.gif') no-repeat center;
        background-size: cover;
        height: 80px;
        width: 80px;
      }
      .circular {
        display: none; 
      }
      .el-loading-text {
        margin-top: 0;
      }
    }
  }
  
}

接口使用

调节样式：

可以吧tableLoading.value = false 注释，调节他的位置