Element 之loading颜色修改

陌紫芊宇

已于 2022-08-31 09:41:32 修改

阅读量5.1k

点赞数 1

分类专栏： css 文章标签： css elementui 前端

于 2022-04-20 16:03:20 首次发布

本文链接：https://blog.csdn.net/qq_39122996/article/details/124299924

版权

css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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存放位置，可以放在全局公共样式中