element-ui中v-loading指令自定义图片

在全局样式中覆盖掉element-ui v-loading的默认样式

//scss写法
//自定义loading图案
.el-loading-spinner{
  background: url('../assets/default/loading.gif') no-repeat;
  background-size: 150px 60px; //自定义图片的大小
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
  margin-top: 0;
  background-position: center;//自定义背景图片居中
  .circular{
    display: none;//隐藏默认loading svg图案
  }
}