Element 之loading颜色修改

Element中loading代码<div class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0.8);"><div class="el-loading-spinner"><i class="el-icon-loading"></i><p class="el-loadi

陌紫芊宇

4782人浏览 · 2022-04-20 16:03:20

陌紫芊宇 · 2022-04-20 16:03:20 发布

Element中loading代码

<div class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0.8);">
  <div class="el-loading-spinner">
    <i class="el-icon-loading"></i>
    <p class="el-loading-text">拼命加载中</p>
  </div>
</div>

实现效果：

通过设置css样式可以修改遮罩层、图标、文字样式

//设置遮罩层颜色
.el-loading-mask{
  background-color: rgba(0,0,0,0.2);
}
//设置图标颜色
.el-loading-spinner .path{
  stroke: #005432;
}
//设置文字颜色
.el-loading-spinner .el-loading-text{
  color: #005432;
}

样式未改变可以调整css存放位置，可以放在全局公共样式中