指令方式时定义背景色、文字、icon:
<div
v-loading.fullscreen.lock="loading"
element-loading-text="加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
/>
自定义loading动画:
.el-loading-spinner {
height: 40px;
background-image: url('./loading-b-80x80.gif'); //需要替换的图片
background-repeat: no-repeat; //不重复背景图像
background-position: center;
background-size: contain; //保持图像的纵横比
background-color: unset;
}
.el-loading-spinner .circular {
display: none; //原先的loading隐藏掉
}