::v-deep .el-loading-spinner {
/*更改后的 gif 加载动图*/
background-image: url('~@/assets/images/loding.gif');
background-repeat: no-repeat;
background-size: 150px 80px;
background-position: center;
height: 100px;
width: 100%;
text-align: center;
position: absolute;
margin-top: -20px;
top: 40%;
}
::v-deep .el-loading-spinner .circular {
/*隐藏默认动画*/
display: none;
}
::v-deep .el-loading-spinner .el-loading-text {
/*在loading图下面显示文字*/
margin: 100px 0px;
color: #0b54dd;
}
//在列表组件中添加
<el-table :data="List" :header-cell-style="{ 'text-align': 'center' }"
:cell-style="{ 'text-align': 'center' }" v-loading="loading" element-loading-text="正在加载中...">
若依项目修改默认的loading加载图方法
最新推荐文章于 2024-07-11 15:28:13 发布