526互联

ionic LoadingController 使用cssClass改变加载样式

发布时间 2023-06-30 11:56:30作者: 流年sugar

以改变加载框的图表颜色和字体颜色为例

在主题文件variables.scss中设置LoadingController 需要改变的样式class

以下使用主题颜色为加载框的图表颜色和字体颜色（当主题更改时随之改变）

// 加载框全局样式
ion-loading.custom-loading {
    .loading-wrapper {
        --spinner-color: var(--ion-color-primary, #a6b3f7);
        color: var(--ion-color-primary, #a6b3f7);
    }
}

或者直接定义指定颜色

// 加载框全局样式
ion-loading.custom-loading {
    .loading-wrapper {
        --spinner-color:  #a6b3f7;
        color:#a6b3f7;
    }
}

使用加载控制器的位置