ElementUI的loading自定义图片

.el-loading-spinner{
  /*这个是自己想设置的 gif 加载动图*/
  background-image:url('../images/aboutLink_1.png');
  background-repeat: no-repeat;
  background-size: 200px 120px;
  height:100px;
  width:100%;
  background-position:center;
  /*覆盖 element-ui  默认的 50%    因为此处设置了height:100%,所以不设置的话，会只显示一半，因为被top顶下去了*/
  top:40%;
}
.el-loading-spinner .circular {
  /*隐藏 之前  element-ui  默认的 loading 动画*/
  display: none;
}
.el-loading-spinner .el-loading-text{
  /*为了使得文字在loading图下面*/
  margin:85px 0px;
}

import '@/assets/styles/loading.scss'
startLoading(){
      this.loading=true;
},
endLoading(){
      this.loading=false;
},

<div class="app-container" 
v-loading="loading" 
element-loading-background="rgba(255, 255,255, 0.5)" 
element-loading-text="加载中...">