自定义element-ui loading 加载动画
1.直接在全局样式文件中修改: 或者在 app.vue 文件中设置也可以
//index.scss 我这里是 index.scss 文件
//自定义 加载动画
.el-loading-spinner {
background-image:url('../assets/loading_images/loading.gif'); // 这个是自己想设置的 gif 加载动图
background-repeat: no-repeat; //设置背景 图 不重复
height:100%;
background-position:center; //设置背景 定位 为居中
top:0; //覆盖 element-ui 默认的 50% 因为此处设置了height:100%,所以不设置的话,会只显示一半,因为被top顶下去了
}
.el-loading-spinner .circular {
display: none; //隐藏 之前 element-ui 默认的 loading 动画
}