v-loading（vue3 总结）

喵喵酱仔__

已于 2024-08-26 11:02:03 修改

阅读量230

点赞数 1

于 2024-08-26 10:57:03 首次发布

本文链接：https://blog.csdn.net/qq_38210427/article/details/141558068

版权

element-plus ( vue3 总结) 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

一自定义图标

添加自定义图标

.custom-loading-icon {
  background: #FFF;
  .el-loading-mask {
    & > .el-loading-spinner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transform: translateY(-25%);
      &::before{
        content: "";
        display: block;
        background: url('../assets/img/custom_loading.gif') no-repeat center;
        background-size: cover;
        height: 80px;
        width: 80px;
      }
      .circular {
        display: none; 
      }
      .el-loading-text {
        margin-top: 0;
      }
    }
  }
  
}

接口使用